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

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

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