"use client";
import {
  createContext,
  useContext,
  useState,
  type Dispatch,
  type SetStateAction,
  type ReactNode,
} from "react";
const Context = createContext<{
  collapsed: boolean;
  setCollapsed: Dispatch<SetStateAction<boolean>>;
} | null>(null);
export function SidebarProvider({ children }: { children: ReactNode }) {
  const [collapsed, setCollapsed] = useState(false);
  return (
    <Context.Provider value={{ collapsed, setCollapsed }}>
      {children}
    </Context.Provider>
  );
}
export function useSidebar() {
  const value = useContext(Context);
  if (!value) throw new Error("SidebarProvider is required");
  return value;
}