import { MainFooterExpanders } from './MainFooterExpanders'
import { MainFooterSection } from './MainFooterSection'

export function MainFooter() {
  return (
    <div className="footer-main flex flex-col gap-4 border-x-0 border-y border-solid border-border bg-background px-6 py-6 md:px-10 lg:flex-row lg:items-center lg:justify-between">
      <MainFooterSection category="copyright" />
      <MainFooterSection category="main">
        <MainFooterExpanders />
      </MainFooterSection>
      <MainFooterSection category="legal" />
    </div>
  )
}