Project Refactoring

src/lib/components/IconButton.svelte

@@ -0,0 +1,15 @@
+<script>
+	import classNames from 'classnames';
+
+	export let disabled = false;
+</script>
+
+<div
+	class={classNames('text-zinc-300 hover:text-zinc-50 p-1 flex items-center justify-center', {
+		'opacity-30 cursor-not-allowed pointer-events-none': disabled,
+		'cursor-pointer': !disabled
+	})}
+	on:click|stopPropagation
+>
+	<slot />
+</div>