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

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