"use client";

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

type FilterState = Record<string, string | string[]>;

const FilterContext = createContext<any>(null);

export function FilterProvider({ children, initial }: any) {

  const [filters, setFilters] = useState<FilterState>(initial);

  return (
    <FilterContext.Provider value={{ filters, setFilters }}>
      {children}
    </FilterContext.Provider>
  );
}

export function useFilters() {
  return useContext(FilterContext);
}