type AccreditationCardProps = {
  logo: string;
  logoAlt: string;
  title: string;
  subtitle: string;
  description: string;
};

export default function AccreditationCard({ logo, logoAlt, title, subtitle, description }: AccreditationCardProps) {
  return (
    <div className="bg-white p-8 rounded-[24px] shadow-soft border border-ui-border hover:shadow-hover transition-all duration-300">
      <div className="h-20 flex items-center mb-6">
        <img src={logo} alt={logoAlt} className="h-16 object-contain grayscale hover:grayscale-0 transition-all duration-300" />
      </div>
      <div className="acc-card-title font-bold text-ui-text mb-2">{title}</div>
      <p className="text-sm text-brand-accent font-medium mb-4">{subtitle}</p>
      <p className="text-ui-muted leading-relaxed text-sm">{description}</p>
    </div>
  );
}