import MaxWidth from "@/components/MaxWidth"

import { footer } from "../mockedData"
import FooterMainNav from "./MainNav"
import FooterSecondaryNav from "./SecondaryNav"

import styles from "./navigation.module.css"

export default function FooterNavigation() {
  const { mainLinks, secondaryLinks } = footer
  return (
    <section className={styles.section}>
      <MaxWidth tag="div" className={styles.maxWidth}>
        <FooterMainNav mainLinks={mainLinks} />
        <FooterSecondaryNav secondaryLinks={secondaryLinks} />
      </MaxWidth>
    </section>
  )
}
