import React, {PropsWithChildren} from 'react';
import {usePage} from '@inertiajs/react';
import Switcher from "@/components/Switcher";
import AppHeader from "@/components/AppHeader";
import Menu from "@/components/Menu";
import SearchModal from "@/components/SearchModal";

interface LayoutProps extends PropsWithChildren {
    //
}

export default function MainLayout({ children }: LayoutProps) {
    const { auth, name } = usePage<{ auth: { user: any }; name: string }>().props;

    return (
        <div className="">
            <Switcher />
            <div className="page">
                <AppHeader name={name}/>
                <SearchModal/>
                <Menu />
                <div className="content">
                    <div className="main-content">
                        { children }
                    </div>
                </div>
            </div>
        </div>
    );
}