<script module lang="ts">
	import { defineMeta } from "@storybook/addon-svelte-csf";
	import Hash from "$icon/hash";
	import Tag from "./Tag.svelte";

	const { Story } = defineMeta({
		title: "UI/Tag",
		component: Tag,
		tags: ["autodocs"],
		argTypes: {
			color: {
				control: { type: "inline-radio" },
				options: ["default", "gray"]
			}
		},
		args: {
			color: "default"
		}
	});
</script>

<Story name="Default">Tag</Story>
<Story name="Gray" args={{ color: "gray" }}>Tag</Story>
<Story name="WithIcon" args={{ icon: Hash }}>topic</Story>
