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

	const { Story } = defineMeta({
		title: "UI/Logo",
		component: Logo,
		tags: ["autodocs"],
		argTypes: {
			wordmark: { control: "boolean" }
		},
		args: {
			wordmark: false
		}
	});
</script>

<Story name="Icon" />
<Story name="Wordmark" args={{ wordmark: true }} />

<Story name="Both">
	<div class="flex flex-col items-start gap-4">
		<Logo />
		<Logo wordmark />
	</div>
</Story>
