ldc-supportweb/resources/ts/back/Layouts/GuestLayout.tsx

28 lines
1.1 KiB
TypeScript

// * Packages
import { ReactNode } from "react";
// * Components shadcn
import { Card } from "@/components/ui/card";
import { Toaster } from "@/components/ui/toaster";
// * Other
import ApplicationLogo from "@/back/Components/ApplicationLogo";
import AppSettings from "@/back/Components/Layout/Settings/AppSettings";
import { ThemeProvider } from "@/back/providers/ThemeProvider";
import AppFooter from "@/back/Components/Layout/AppFooter";
export default function GuestLayout({ children }: { children: ReactNode }) {
return (
<ThemeProvider defaultTheme="light" storageKey="vite-ui-theme">
<div className="flex flex-col min-h-screen">
<AppSettings className="container absolute top-0 start-1/2 transform -translate-x-1/2 text-right my-4" />
<section className="flex flex-1 flex-col justify-center items-center pt-4">
<ApplicationLogo />
<Card className="text-center shadow-md sm:max-w-md sm:rounded-lg bg-secondary w-full mt-6">
{children}
</Card>
</section>
<Toaster />
<AppFooter />
</div>
</ThemeProvider>
);
}