import { ReactNode } from 'react'
import { useTranslation } from '@/i18n'
import './footer.css'

export function Footer(): ReactNode {
  const { t } = useTranslation()
  const currentYear = new Date().getFullYear()
  return (
    <footer role="contentinfo" data-testid="footer">
      <div className="footer__inner">
        <p data-testid="footer-text">{t('footer.copyright', { year: currentYear })}</p>
      </div>
    </footer>
  )
}