<script lang="ts">
	import "../app.css";
	import { Toaster } from "$lib/components/ui/sonner";
	import { browser } from "$app/environment";
	import { QueryClient, QueryClientProvider } from "@tanstack/svelte-query";

	let { children } = $props();

	const queryClient = new QueryClient({
		defaultOptions: { queries: { enabled: browser } },
	});
</script>

<svelte:head>
	<title>FlyTicketTravel</title>
	<meta
		name="description"
		content="Book a flight to your dream destination at an unbelieavably low price"
	/>

	<script
		async
		src="https://www.googletagmanager.com/gtag/js?id=AW-17085207253"
	></script>

	<script>
		window.dataLayer = window.dataLayer || [];
		window.gtag = function () {
			dataLayer.push(arguments);
		};
		window.gtag("js", new Date());
		window.gtag("config", "AW-17085207253");
	</script>
</svelte:head>

<Toaster />

<QueryClientProvider client={queryClient}>
	{@render children?.()}
</QueryClientProvider>
