'use client';

import Header from "@/components/header";
import Navigation from "@/components/navigation";
import EventProvider from "@/providers/event-provider";
import {useState} from "react";

export default function Shell({children}: {children: React.ReactNode}) {
    const [navigationOpen, setNavigationOpen] = useState(false);

    return <EventProvider>
        <Header
            openNavigation={() => {
                setNavigationOpen(true);
            }}
        />

        <Navigation
            navigationOpen={navigationOpen}
            closeNavigation={() => {
                setNavigationOpen(false);
            }}
        />

        <div className="p-5">
            {children}
        </div>
    </EventProvider>;
}