<script lang="ts">
	import * as Card from "$lib/components/ui/card";

	export let title: string;
	export let icon: string;
</script>

<Card.Root class="w-[350px]">
	<Card.Header>
		<Card.Title class="flex place-items-center gap-1"><div class="w-8 h-8"><img src={icon} alt="Bored Game" /></div>{title}</Card.Title>
	</Card.Header>
	<Card.Content>
		<slot />
	</Card.Content>
</Card.Root>