"use client";
import {
  createContext,
  useContext,
  useState,
  type ReactNode,
  type Dispatch,
  type SetStateAction,
} from "react";
import type { Person } from "./model";
import { peopleFixtures, investorFixtures } from "./fixtures";
const Context = createContext<{
  people: Person[];
  setPeople: Dispatch<SetStateAction<Person[]>>;
} | null>(null);
export function PeopleProvider({ children }: { children: ReactNode }) {
  const [people, setPeople] = useState([
    ...peopleFixtures,
    ...investorFixtures,
  ]);
  return (
    <Context.Provider value={{ people, setPeople }}>
      {children}
    </Context.Provider>
  );
}
export function usePeople() {
  const value = useContext(Context);
  if (!value) throw new Error("PeopleProvider is required.");
  return value;
}