src/lib/components/chat/markdown/think/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-1.5 list-outside list-decimal space-y-0.5 pl-4 text-foreground/75 marker:text-muted-foreground"
		{start}
	>
		{@render children?.()}
	</ol>
{:else}
	<ul
		class="my-1.5 list-outside list-disc space-y-0.5 pl-4 text-foreground/75 marker:text-muted-foreground"
	>
		{@render children?.()}
	</ul>
{/if}