<script module lang="ts">
	import { defineMeta } from "@storybook/addon-svelte-csf";
	import Spinner from "./Spinner.svelte";

	const { Story } = defineMeta({
		title: "UI/Spinner",
		component: Spinner,
		tags: ["autodocs"],
		argTypes: {
			class: { control: "text" }
		}
	});
</script>

<Story name="Default" />

<Story name="Sizes" asChild>
	<div class="flex items-center gap-3">
		<Spinner class="size-3" />
		<Spinner class="size-4" />
		<Spinner class="size-6" />
		<Spinner class="size-8" />
	</div>
</Story>
