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

	const { Story } = defineMeta({
		title: "Reaction/ReactionPicker",
		component: ReactionPicker,
		tags: ["autodocs"]
	});

	const subjectUri = "at://did:plc:example/sh.tangled.repo.issue/3kabc";
</script>

<Story name="Default" asChild>
	<ReactionPicker {subjectUri} onreacted={(kind, rkey) => console.log("reacted", kind, rkey)} />
</Story>

<Story name="With existing reactions" asChild>
	<ReactionPicker
		{subjectUri}
		reacted={new Map([
			["👍", "3karkey1"],
			["🎉", "3karkey2"]
		])}
	/>
</Story>
