import { createContext, useContext, useState, type ReactNode } from "react";

export type NavSection = "peers" | "networks" | "exitNode";

type NavSectionContextValue = {
    section: NavSection;
    setSection: (s: NavSection) => void;
};

const NavSectionContext = createContext<NavSectionContextValue | null>(null);

export const useNavSection = (): NavSectionContextValue => {
    const ctx = useContext(NavSectionContext);
    if (!ctx) {
        throw new Error(
            "useNavSection must be used inside NavSectionProvider",
        );
    }
    return ctx;
};

export const NavSectionProvider = ({ children }: { children: ReactNode }) => {
    const [section, setSection] = useState<NavSection>("peers");
    return (
        <NavSectionContext.Provider value={{ section, setSection }}>
            {children}
        </NavSectionContext.Provider>
    );
};