Files
uldp.edu.vn/app/components/accreditation/AccreditationCard.tsx
2026-04-14 16:00:11 +07:00

21 lines
840 B
TypeScript

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>
);
}