import beaDesktopPng from "&/images/global/bea_desktop.png";
import beaDesktopWebp from "&/images/global/bea_desktop.webp";
import beaMobilePng from "&/images/global/bea_mobile.png";
import beaMobileWebp from "&/images/global/bea_mobile.webp";
import useIsMobile from "@/hooks/use-mobile";

export default function BeaSection() {
  const isMobile = useIsMobile();

  return (
    <a
      href="https://bienetreanimal.fr/"
      target="_blank"
      rel="noopener noreferrer"
    >
      <picture>
        <source
          srcSet={isMobile ? beaMobileWebp : beaDesktopWebp}
          type="image/webp"
        />
        <img
          src={isMobile ? beaMobilePng : beaDesktopPng}
          alt="Entreprise adhérente au collectif Filière Agricole Engagée pour le Bien-être Animal. Découvrez nos engagements pour un poulet origine France élevé dans le respect du bien-être animal."
          title="Découvrez les engagements de la Filière Agricole Engagée pour le Bien-être Animal"
          className="w-full"
          loading="lazy"
          decoding="async"
        />
      </picture>
    </a>
  );
}