<script lang="ts">
	import { base } from '$app/paths';
	import Head from '$lib/components/base/head/Head.svelte';
	import BodyScrollArea from '$lib/components/base/scroll-area/BodyScrollArea.svelte';
	import { Toaster } from '$lib/components/base/sonner';

	import '../app.css';
	import '../prism.css';

	let { children } = $props();
</script>

{@render children()}

<Toaster />

<Head
	title="fox ui"
	description="🦊 fox ui, svelte 5 & tailwind 4"
	image={base + '/opengraph.png'}
	url="https://flo-bit.dev/ui-kit"
	emojiFavicon="🦊"
/>

<BodyScrollArea />
