"use client";

import Image from "next/image";
import { useState } from "react";

export default function ClientLogo({ src, alt }: { src: string; alt: string }) {
  const [hidden, setHidden] = useState(false);

  if (hidden) return null;

  return (
    <Image
      src={src}
      alt={alt}
      width={120}
      height={64}
      className="h-16 w-auto max-w-[120px] object-contain mb-3"
      onError={() => setHidden(true)}
    />
  );
}