'use client';

import React from 'react';
import {Image} from 'react-bootstrap';
import {useTranslations} from 'next-intl';

import './AenLogo.css';

interface AenLogoProps {
  /** URL du logo, null ou vide quand l'entrée n'en a pas. */
  url?: string | null;
  libelle: string;
}

/** Logo d'une entrée d'annuaire, affiché dans le hero de sa fiche s'il est configuré. */
export default function AenLogo({url, libelle}: AenLogoProps) {
  const t = useTranslations('Common');

  if (!url) {
    return null;
  }

  return (
    <Image
      src={url}
      alt={t('logo_alt', {libelle})}
      className="tk-aen-logo"
      data-testid="aen-logo"
    />
  );
}