src/components/FooterNav/FooterNav.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import Link from 'next/link';
import styles from './FooterNav.module.scss';
import { footerNav } from '@config/nav';

const FooterNav = () => {
  const navItems = footerNav.map((item) => {
    return (
      <li key={item.id} className={styles.item}>
        <Link href={item.slug}>
          <a className={styles.link}>{item.name}</a>
        </Link>
      </li>
    );
  });

  return (
    <div className={styles.wrapper}>
      <nav className={styles.nav}>
        <ul className={styles.list}>{navItems}</ul>
      </nav>
    </div>
  );
};

export default FooterNav;