import React, { useContext, useState, useEffect } from "react";

export const themes = {
  light: {
    foreground: "#000000",
    background: "#eeeeee",
  },
  dark: {
    foreground: "#ffffff",
    background: "#222222",
  },
};

export const DistricContext = React.createContext<any>({
  districts: null,
});

export const useDistricts: any = () => useContext(DistricContext);

export const DistrictProvider = ({ children }: any) => {
  const [districts, setDistricts] = useState<any>(null);
  const [currentDistrict, setCurrentDistrict] = useState<any>(null);

  return (
    <DistricContext.Provider
      value={{ districts, setDistricts, currentDistrict, setCurrentDistrict }}
    >
      {children}
    </DistricContext.Provider>
  );
};