<script lang="ts">
	export let title: string;
	export let data: any;
</script>

<div
	class="flex w-full items-center space-x-4 border rounded border-border bg-card p-4 shadow-md"
>
	<!-- <Icon class="text-muted-foreground" size={30} /> -->
	<div class="flex w-full items-center justify-between">
		<div class="">
			<h2 class="text-xl font-semibold">{data}</h2>
			<p class="text-muted-foreground">{title}</p>
		</div>
	</div>
</div>
