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

	const { Story } = defineMeta({
		title: "Settings/KeyCard",
		component: KeyCard,
		tags: ["autodocs"],
		argTypes: {
			deleting: { control: "boolean" },
			border: { control: "boolean" },
			shadow: { control: "boolean" },
			background: { control: "boolean" }
		},
		args: {
			name: "yubikey-5c",
			fingerprint: "SHA256:9y7Yq0h2s0aVQ3mQ5m8k1J3d4b5c6D7e8F9g0H1i2J",
			createdAt: "2025-06-01T10:30:00Z",
			deleting: false,
			border: true,
			shadow: false,
			background: true,
			onDelete: () => {}
		}
	});
</script>

<Story name="Default" />
<Story name="No fingerprint" args={{ fingerprint: undefined }} />
<Story name="Deleting" args={{ deleting: true }} />
