'use client';

interface InfoCardProps {
  title: string;
  content: React.ReactNode;
  icon: React.ReactNode;
}

export function InfoCard({ title, content, icon }: InfoCardProps) {
  return (
    <div className="bg-white rounded-[10px] shadow-[0px_10px_20px_0px_rgba(217,217,217,0.5)] p-6 text-center">
      <div className="flex justify-center mb-3">{icon}</div>
      {title && <h4 className="font-semibold text-[#00293D] text-[14px] leading-[19px] mb-3 font-serif">{title}</h4>}
      <div className="text-[#00293d] text-sm font-serif">{content}</div>
    </div>
  );
}
