"use client";

import { createContext, useContext, useState, ReactNode } from "react";
import type { GlobalSettingsPayload } from "@/lib/api/website/global-settings-types";
import type { Locale } from "@/lib/i18n-utils";

interface GlobalSettingsContextProps {
  settings: GlobalSettingsPayload | null;
  loading: boolean;
  error: Error | null;
}

const GlobalSettingsContext = createContext<GlobalSettingsContextProps>({
  settings: null,
  loading: false,
  error: null,
});

export function useGlobalSettings() {
  return useContext(GlobalSettingsContext);
}

export function GlobalSettingsProvider({
  children,
  initialSettings,
}: {
  children: ReactNode;
  initialSettings: GlobalSettingsPayload | null;
}) {
  const [settings] = useState<GlobalSettingsPayload | null>(initialSettings);

  return (
    <GlobalSettingsContext.Provider value={{ settings, loading: false, error: null }}>
      {children}
    </GlobalSettingsContext.Provider>
  );
}