<script lang="ts">
	// Icône du sprite GONG. <Icon name="ka" /> → <use href="/icons.svg#ka">.
	// Décoratif par défaut (aria-hidden) ; passer `label` pour une icône signifiante.
	import { asset } from '$app/paths';

	interface Props {
		name: string;
		label?: string;
		size?: string;
		class?: string;
	}
	let { name, label, size = '1.25em', class: cls = '' }: Props = $props();
</script>

<svg
	class="icon {cls}"
	style:width={size}
	style:height={size}
	role={label ? 'img' : undefined}
	aria-label={label}
	aria-hidden={label ? undefined : 'true'}
>
	<use href={asset(`/icons.svg#${name}`)} />
</svg>
