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

	const { Story } = defineMeta({
		title: "UI/ColorBall",
		component: ColorBall,
		tags: ["autodocs"],
		argTypes: {
			size: {
				control: { type: "inline-radio" },
				options: ["sm", "md", "lg"]
			}
		},
		args: {
			color: "#3178c6",
			size: "sm"
		}
	});
</script>

<Story name="Default" />
<Story name="Medium" args={{ size: "md" }} />
<Story name="Large" args={{ size: "lg" }} />
<Story name="Rust" args={{ color: "#dea584", size: "lg" }} />
