src/lib/components/chat/markdown/List.svelte

<script lang="ts">
	import type { Snippet } from 'svelte';
	let { ordered, start, children }: { ordered: boolean; start?: number; children?: Snippet } =
		$props();
</script>

{#if ordered}
	<ol
		class="my-2 list-outside list-decimal space-y-1 pl-5 text-sm text-foreground/90 marker:text-muted-foreground"
		{start}
	>
		{@render children?.()}
	</ol>
{:else}
	<ul
		class="my-2 list-outside list-disc space-y-1 pl-5 text-sm text-foreground/90 marker:text-muted-foreground"
	>
		{@render children?.()}
	</ul>
{/if}