interface Props {
  icon: string;
  title: string;
  description: string;
}

export default function ServiceCard({ icon, title, description }: Props) {
  return (
    <div className="hms-card p-6">
      <div className="hms-icon-circle mb-4"><span aria-hidden="true">{icon}</span></div>
      <h3 className="text-lg font-semibold mb-2" style={{ color: 'var(--text)' }}>{title}</h3>
      <p className="text-sm leading-relaxed" style={{ color: 'var(--text-muted)' }}>{description}</p>
    </div>
  );
}
