export const useActiveSubCategory = () => {
  const activeSubCategoryId = useState<string | null>("activeSubCategoryId", () => null);

  const setActiveSubCategory = (id: string | null) => {
    activeSubCategoryId.value = id;
  };

  const clearActiveSubCategory = () => {
    activeSubCategoryId.value = null;
  };

  return {
    activeSubCategoryId,
    setActiveSubCategory,
    clearActiveSubCategory,
  };
};