<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", "success", "danger", "warning", "info"]
			}
		},
		args: {
			color: "default"
		}
	});
</script>

<Story name="Default">Tag</Story>
<Story name="Gray" args={{ color: "gray" }}>Tag</Story>
<Story name="Success" args={{ color: "success" }}>Passed</Story>
<Story name="Danger" args={{ color: "danger" }}>Failed</Story>
<Story name="Warning" args={{ color: "warning" }}>Timed out</Story>
<Story name="Info" args={{ color: "info" }}>Primary</Story>
<Story name="WithIcon" args={{ icon: Hash }}>topic</Story>
