import FooterMainNav from "./MainNav"
import FooterSecondaryNav from "./SecondaryNav"

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

import type { FooterNavigationProps } from "@/types/components/footer/navigation"

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