'use client';

import React from 'react';
import Link from 'next/link';
import {useTranslations} from 'next-intl';

import './AssociationMenu.css';

interface AssociationMenuProps {
  locale: string;
}

/**
 * Menu des sous-pages du module Association, affiché sous le contenu éditorial.
 * Les entrées « Faire un don », « Soutiens » et « Partenaires » arriveront avec leurs pages.
 */
export default function AssociationMenu({locale}: AssociationMenuProps) {
  const t = useTranslations('AssociationPage');

  const entries = [
    {key: 'menu_adherer', href: `/${locale}/adhesion`},
    {key: 'menu_defiscalisation', href: `/${locale}/association/defiscalisation`},
    {key: 'menu_questions', href: `/${locale}/association/questions-reponses`},
  ];

  return (
    <nav className="asso-menu" aria-label={t('menu_title')}>
      <h2 className="asso-menu__title">{t('menu_title')}</h2>
      <ul className="asso-menu__list">
        {entries.map(({key, href}) => (
          <li key={key}>
            <Link href={href} className="asso-menu__link">{t(key)}</Link>
          </li>
        ))}
      </ul>
    </nav>
  );
}