---
import type { SvgComponent } from 'astro/types';

type Props = {
	icon: SvgComponent;
	title: string;
	text: string;
};

const { icon: Icon, title, text } = Astro.props;
---

<article class="flex flex-col gap-2.5 rounded-card border border-ink/20 bg-white px-5 py-6.25">
	<h3 class="flex items-center gap-2.5 font-medium lg:text-xl">
		<Icon class="size-6 shrink-0" aria-hidden="true" />
		{title}
	</h3>
	<p class="text-sm font-light text-muted lg:text-base">{text}</p>
	<slot />
</article>