<script>
	export let title = 'Title';
	export let count = 0;
</script>

<div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-900">
	<div class="p-3 mr-4 text-red-500 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-500">
		<slot />
	</div>
	<div>
		<p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">{title}</p>
		<p class="text-lg font-semibold text-gray-700 dark:text-gray-200">{count}</p>
	</div>
</div>
