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

export default function Navigation({ linkGroups }: FooterNavigationProps) {
  return (
    <ul className="l-footer-sections global-footer__content__sections">
      {linkGroups.map((group) => (
        <li className="global-footer-section" key={group.title}>
          <div className="link-list">
            <h3 className="link-list-header">{group.title}</h3>
            <ul className="list-footer-pages">
              {group.links.map(link => (
                <li key={link.href}>
                  <a href={link.href}>
                    {link.title}
                  </a>
                </li>
              ))}
            </ul>
          </div>
        </li>
      ))}
    </ul>
  )
}