<script>
	let { icon, highlight, ...rest } = $props();

	let color = $derived(highlight ? 'selected' : 'control')
</script>

<div hidden class="fill-control stroke-control fill-selected stroke-selected" />
<button class="w-4 fill-{color} stroke-{color}"
		{...rest}>{@html icon}</button>