<script lang="ts">
	interface Props {
		classNames?: string;
	}

	let { classNames = "" }: Props = $props();
</script>

<svg
	class={classNames}
	xmlns="http://www.w3.org/2000/svg"
	aria-hidden="true"
	focusable="false"
	role="img"
	width="1em"
	height="1em"
	fill="currentColor"
	preserveAspectRatio="xMidYMid meet"
	viewBox="0 0 32 32"
>
	<path
		fill-rule="evenodd"
		clip-rule="evenodd"
		d="M10.5169 17.0606C10.6548 20.6396 11.4841 23.7792 12.7062 25.8143C8.92688 24.5465 6.12113 21.1568 5.70417 17.0606H10.5169ZM12.4184 17.0606C12.5317 19.7958 13.0765 22.1801 13.8416 23.8831C14.7847 25.9823 15.6952 26.3495 15.9998 26.3495C16.3044 26.3495 17.215 25.9823 18.158 23.8831C18.9231 22.1801 19.4679 19.7958 19.5812 17.0606H12.4184ZM19.5894 15.1606H12.4102C12.5026 12.3328 13.0559 9.86568 13.8416 8.11691C14.7847 6.0177 15.6952 5.65049 15.9998 5.65049C16.3044 5.65049 17.215 6.0177 18.158 8.11691C18.9437 9.86568 19.4971 12.3328 19.5894 15.1606ZM21.4827 17.0606C21.3448 20.6397 20.5154 23.7793 19.2934 25.8145C23.0729 24.5468 25.8789 21.157 26.2958 17.0606H21.4827ZM26.316 15.1606H21.4903C21.3787 11.4898 20.5406 8.2625 19.2934 6.1855C23.1407 7.47598 25.9792 10.9654 26.316 15.1606ZM10.5093 15.1606H5.68404C6.02075 10.9655 8.85906 7.47627 12.7062 6.18566C11.459 8.26267 10.6209 11.4899 10.5093 15.1606ZM3.75049 16C3.75049 9.23633 9.23227 3.753 15.9954 3.75049H15.9998H16C22.7652 3.75049 28.2495 9.23478 28.2495 16C28.2495 22.7652 22.7652 28.2495 16 28.2495C9.23478 28.2495 3.75049 22.7652 3.75049 16Z"
		fill="currentColor"
	/>
</svg>
