<script lang="ts">
	let { class: className } = $props();
</script>

<svg
	class={['icon-box', className]}
	viewBox="0 0 24 24"
	fill="none"
	xmlns="http://www.w3.org/2000/svg"
>
	<path
		d="M11.9916 22.0341L12.0261 8.22875L21.5 5.31238L21.1203 17.5991L11.9916 22.0341Z"
		class="fill-accent-500 accent:fill-accent-800"
	/>
	<path
		d="M2.46593 17.858L11.9916 22.0341L12.0261 8.22876L2 5.45044L2.46593 17.858Z"
		class="fill-accent-300 accent:fill-accent-700"
	/>
	<path
		d="M21.5 5.31239L12.0261 8.22876L2 5.45044L11.6292 3L21.5 5.31239Z"
		class="fill-accent-200 accent:fill-accent-600"
	/>
</svg>
