---
import Card from '@/components/primitives/Card.astro';
import Eyebrow from '@/components/content/Eyebrow.astro';
import Headline from '@/components/content/Headline.astro';
import Lead from '@/components/content/Lead.astro';

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

const { description, title } = Astro.props;
---

<Card>
    <Eyebrow>Conversation focus</Eyebrow>
    <Headline as="h3" size="card" class="mt-4">
        {title}
    </Headline>
    <Lead class="mt-3" size="body">
        {description}
    </Lead>
</Card>