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

	const { Story } = defineMeta({
		title: "UI/MarkdownEditor",
		component: MarkdownEditor,
		tags: ["autodocs"],
		args: {
			markup: { repo: "tangled.org/core", ref: "main", host: "tangled.org" },
			placeholder: "Write some **markdown**. Switch to Preview to render it.",
			rows: 8
		}
	});
</script>

<Story name="Empty" />
<Story
	name="With content"
	args={{
		value: "## Hello\n\nThis is a `MarkdownEditor` with some **content**.\n\n- one\n- two"
	}}
/>
