<script lang="ts">
	export let color: string;

	let i = 0;
</script>

<!-- tailwind
	<button class="bg-cyan-500 shadow-lg shadow-cyan-500/50 ...">Subscribe</button>
	<button class="bg-blue-500 shadow-lg shadow-blue-500/50 ...">Subscribe</button>
	<button class="bg-indigo-500 shadow-lg shadow-indigo-500/50 ...">Subscribe</button>
-->

<div
	class="cursor-pointer select-none rounded px-4 py-3 mt-3 bg-{color}-500 shadow-lg shadow-{color}-500/50"
	on:click={() => i++}
>
	Counter {color}
	{i}
</div>
