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

	const { byjp, samuel } = sampleComments;

	const { Story } = defineMeta({
		title: "Comment/Comment",
		component: Comment,
		tags: ["autodocs"],
		argTypes: {
			variant: { control: "inline-radio", options: ["top", "reply"] }
		},
		args: {
			authorHandle: byjp.authorHandle,
			authorDid: byjp.authorDid,
			createdAt: byjp.createdAt,
			body: byjp.body,
			bodyHtml: byjp.bodyHtml,
			subjectUri: byjp.uri,
			variant: "top"
		}
	});
</script>

<Story name="Top level" />
<Story
	name="Reply"
	args={{
		variant: "reply",
		authorHandle: samuel.authorHandle,
		authorDid: samuel.authorDid,
		createdAt: samuel.createdAt,
		body: samuel.body,
		bodyHtml: samuel.bodyHtml
	}}
/>
