import React from 'react';
import Image from 'next/image';

import {getBandeau} from '@/services/bandeauService';
import BandeauHomeOnly from './BandeauHomeOnly';
import './BandeauTk.css';

interface BandeauTkProps {
  locale: string;
}

/**
 * Bandeau illustré administré depuis le back-office : page d'accueil par défaut,
 * toutes les pages si l'option est activée.
 */
export default async function BandeauTk({locale}: BandeauTkProps) {
  const bandeau = await getBandeau();

  if (!bandeau) {
    return null;
  }

  const image = (
    <Image
      src={bandeau.imageUrl}
      alt="Bandeau Tamm Kreiz"
      width={1600}
      height={200}
      className="tk-bandeau__image"
      priority
    />
  );
  // Spec L344 : cliquable quand un lien est configuré en Kasour.
  const banniere = (
    <div className="tk-bandeau">
      {bandeau.lien ? <a href={bandeau.lien} className="tk-bandeau__lien">{image}</a> : image}
    </div>
  );

  if (bandeau.toutesPages) {
    return banniere;
  }

  return <BandeauHomeOnly locale={locale}>{banniere}</BandeauHomeOnly>;
}