import Button from '@/components/aia/button';
type PartnerCardProps = {
  partnerTitle?: string;
  partnerDescription?: string;
  PartnerImgSrc?: string;
  PartnerImgAlt?: string;
}

export default function PartnerCard(
  {
    partnerTitle = "Annual Conference Sponsorship",
    partnerDescription = "Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus.",
    PartnerImgSrc = "images/img-partnerCard.jpg",
    PartnerImgAlt = "",
  }: PartnerCardProps
) {
  return (
    <>
      <figure className="partnerCard-visual">
        <img
          className="object-scale-down object-center"
          src={PartnerImgSrc}
          alt={PartnerImgAlt}
        />
      </figure>
      <div className="partnerCard-information">
        <h3 className="partnerCard-title">
          {partnerTitle}
        </h3>
        <p className="partnerCard-description">
          {partnerDescription}
        </p>
      </div>

      <Button
        as="a"
        type="button"
        href={route('contact')}
        label="Become a sponsor"
      />
    </>
  );
}