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

	const { Story } = defineMeta({
		title: "UI/EmptyState",
		component: EmptyState,
		tags: ["autodocs"],
		args: {
			message: "No repositories yet."
		}
	});
</script>

<Story name="Default" />

<!-- Children render inline after the message — typically a call-to-action link. -->
<Story name="With action" asChild>
	<EmptyState message="No repositories yet.">
		<Link href="/repo/new">Create one</Link>
	</EmptyState>
</Story>
