<script>
	import marked from 'marked';

	export let markdown;
</script>

<textarea bind:value={markdown} resize="none"></textarea>
<div class="output">{@html marked(markdown)}</div>

<style>
	textarea {
		width: 100%;
		height: 50%;
	}
</style>