import { JSX } from "react";
import { MemoryRouter } from "react-router";
import Header from "../components/Header/Header";
import { EventProvider } from "../contexts/Events/EventProvider";
import { PendingMembersProvider } from "../contexts/PendingMembers/PendingMembersProvider";
import { AuthProvider } from "../contexts/Auth/AuthProvider";

export default {
    title: "Layout/Header",
    component: Header,
    parameters: {
        layout: "fullscreen",
    },
    tags: ["autodocs"],
    decorators: [
        (Story: () => JSX.Element) => (
            <MemoryRouter>
                <AuthProvider>
                    <PendingMembersProvider>
                        <EventProvider>
                            <Story />
                        </EventProvider>
                    </PendingMembersProvider>
                </AuthProvider>
            </MemoryRouter>
        ),
    ],
};

export const Default = {};