<script lang="ts">
	import Favicon from "$lib/assets/favicon.svg";
	import { Toaster } from "$lib/components/ui/sonner";
	import "./layout.css";

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

<svelte:head>
	<title>CCTV</title>
	<link rel="icon" type="image/svg+xml" href={Favicon} />
</svelte:head>

<Toaster richColors position="top-center" />

{@render children()}
