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

	const contents = `# tangled

social code collaboration for the at protocol.

## getting started

\`pnpm install\`\n\n\`pnpm dev\``;

	const { Story } = defineMeta({
		title: "Repo/Readme",
		component: Readme,
		tags: ["autodocs"],
		args: { filename: "README.md", contents }
	});
</script>

<Story name="Raw contents" />
<Story
	name="Rendered sanitized HTML"
	args={{
		html: "<h1>tangled</h1><p>social code collaboration for the at protocol.</p><h2>getting started</h2>"
	}}
/>
