---
import Card from '@/components/primitives/Card.astro';
import type { TrustPrincipleContent } from '@/types/site';

interface Props {
    item: TrustPrincipleContent;
}

const { item } = Astro.props;
---

<Card class="h-full">
    <h3 class="m-0 text-2xl font-semibold tracking-[-0.03em] text-[var(--color-ink-900)]">{item.title}</h3>
    <p class="mt-3 text-base leading-7 text-[var(--color-copy)]">{item.description}</p>
    {item.note && <p class="mt-4 text-sm font-medium text-[var(--color-brand)]">{item.note}</p>}
</Card>