import React, { useEffect } from 'react'; import { SidebarInset, SidebarProvider, SidebarTrigger, } from '@/components/ui/sidebar'; import { AppSidebar } from '@/components/app-sidebar'; import { Head, router, usePage } from '@inertiajs/react'; import { PageProps } from '@/types/type'; import { toast, Toaster } from '@/components/ui/toast'; import { Separator } from '@/components/ui/separator'; import { Button } from '@/components/ui/button'; import { LogOut } from 'lucide-react'; import { ThemeProvider } from '@/components/theme-provider'; import { ModeToggle } from './mode-toggle'; export default function Layout({ children, title, }: { children: React.ReactNode; title: string; }) { // show error const { flash } = usePage().props; useEffect(() => { if (flash?.error) { toast.add({ type: 'error', description: flash.error, priority: 'high', }); } if (flash?.success) { toast.add({ type: 'success', description: flash.success, priority: 'high', }); } }, [flash?.id]); return (

{title}

{children}
Development By{' '} Ctgitsoft {' | '} Codesuab
); }