"use client";

import { useEffect, useState } from "react";
import { applyTheme, loadTheme, type ThemeConfig } from "@/lib/theme";

/** بارگذاری و اعمال تم White-label در زمان mount. */
export function useTheme() {
  const [theme, setTheme] = useState<ThemeConfig | null>(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    loadTheme().then((t) => {
      applyTheme(t);
      setTheme(t);
      setLoading(false);
    });
  }, []);

  return { theme, loading };
}