ldc-ovoteam/resources/ts/front/Layouts/AppLayout.tsx

import Footer from "$/uwil/Footer";
import GoToTop from "$/uwil/GoToTop";
import Header from "$/uwil/Header/Header";
import { Toaster } from "@/components/ui/toaster";
import { TooltipProvider } from "@/components/ui/tooltip";
import Head from "@/front/Components/Base/Head";
import { usePage } from "@inertiajs/react";
import { ReactNode } from "react";
import { RecaptchaProvider } from "../providers/RecaptchaProvider";

interface BreadcrumbItem {
  title: string;
  url: string;
}

interface AppLayoutProps {
  children: ReactNode;
}

export default function AppLayout({ children }: Readonly<AppLayoutProps>) {
  const { breadcrumbs } = usePage().props as {
    breadcrumbs?: BreadcrumbItem[];
  };

  return (
    <div className="relative">
      <Head breadcrumbs={breadcrumbs} />
      <Header />
      <Toaster />
      <RecaptchaProvider>
        <TooltipProvider>{children}</TooltipProvider>
      </RecaptchaProvider>
      <GoToTop />
      <Footer />
    </div>
  );
}