<script lang="ts">
	import ErrorPage from "@zedensix/ui/blocks/error-page";
	import * as Tabs from "@zedensix/ui/tabs";

	let status = $state("404");
</script>

<Tabs.Root bind:value={status}>
	<Tabs.List>
		<Tabs.Trigger value="404">404</Tabs.Trigger>
		<Tabs.Trigger value="500">500</Tabs.Trigger>
	</Tabs.List>
</Tabs.Root>
<ErrorPage
	homeHref="/"
	status={Number(status)}
	error={{
		message: "The database didn't answer in time.",
		status: Number(status),
		errorId: "7f3a9c21",
	}}
	class="min-h-96"
/>

<script lang="ts">
	import ErrorPage from "@zedensix/ui/blocks/error-page";
</script>

<ErrorPage
	homeHref="/"
	messages={{ notFoundTitle: "Rien ici", home: "Retour à l'accueil" }}
/>