"use client";

import { createContext, useContext } from "react";
import { BusinessSettings, defaultBusinessSettings } from "../lib/business-settings";
import { defaultPublicMenus, PublicMenus } from "../lib/menu-data";

const SiteSettingsContext = createContext<BusinessSettings>(defaultBusinessSettings);
const SiteMenusContext = createContext<PublicMenus>(defaultPublicMenus);

export function SiteSettingsProvider({
  children,
  initialMenus,
  initialSettings,
}: {
  children: React.ReactNode;
  initialMenus?: PublicMenus;
  initialSettings: BusinessSettings;
}) {
  return <SiteSettingsContext.Provider value={initialSettings}><SiteMenusContext.Provider value={initialMenus??defaultPublicMenus}>{children}</SiteMenusContext.Provider></SiteSettingsContext.Provider>;
}

export function useSiteSettings() {
  return useContext(SiteSettingsContext);
}

export function useSiteMenus(){
  return useContext(SiteMenusContext);
}