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

	const entry: StringCardData = {
		rkey: "3mrkgcxb4m422",
		ownerHandle: "tangled.org",
		filename: "flake.nix",
		description: "Reproducible dev shell for the appview.",
		createdAt: "2025-06-01T10:30:00Z",
		lines: 84
	};

	const { Story } = defineMeta({
		title: "Profile/StringCard",
		component: StringCard,
		tags: ["autodocs"],
		argTypes: {
			border: { control: "boolean" },
			shadow: { control: "boolean" },
			background: { control: "boolean" }
		},
		args: {
			entry,
			border: true,
			shadow: false,
			background: true
		}
	});
</script>

<Story name="Default" />
<Story name="Elevated" args={{ shadow: true }} />
<Story name="Plain" args={{ border: false, background: false }} />
