<script lang="ts">
	import Undraw from '$lib/components/extra/undraw/Undraw.svelte';

	import svg from '$docs/assets/undraw_yoga.svg?raw';
</script>

<div class="w-full max-w-md mx-auto">
	<Undraw
		{svg}
		alt="Undraw"
		colorMap={{
			'#090814': 'fill-base-950 dark:fill-accent-950',
			'#d6d6e3': 'fill-base-300 dark:fill-base-700',
			'#cacaca': 'fill-base-400 dark:fill-base-600',
			'#cfcce0': 'fill-base-500 dark:fill-base-500',
			'#f2f2f2': 'fill-base-200 dark:fill-base-800'
		}}
	/>
</div>
