"use client";
import {
  Dispatch,
  ReactNode,
  SetStateAction,
  createContext,
  useState,
} from "react";

type LocationContextType = {
  zone: [number | undefined, Dispatch<SetStateAction<number | undefined>>];
  province: [number | undefined, Dispatch<SetStateAction<number | undefined>>];
};

export const LocationContext = createContext<LocationContextType | undefined>(
  undefined,
);

export default function LocationContextProvider({
  children,
}: {
  children?: ReactNode;
}) {
  const zone = useState<number | undefined>(undefined);
  const province = useState<number | undefined>(undefined);

  return (
    <LocationContext.Provider value={{ zone, province }}>
      {children}
    </LocationContext.Provider>
  );
}