"use client";
import { createContext, useContext } from "react";
import { darkThemeObj, lightThemeObj, type Theme } from "./index.js";

const CustomThemeCtx = /* @__PURE__ */ createContext(darkThemeObj);

/**
 * @internal
 */
export function CustomThemeProvider(props: {
  children: React.ReactNode;
  theme: "light" | "dark" | Theme | undefined;
}) {
  const { theme, children } = props;
  const themeObj = parseTheme(theme);

  return (
    <CustomThemeCtx.Provider value={themeObj}>
      {children}
    </CustomThemeCtx.Provider>
  );
}

export function parseTheme(theme: "light" | "dark" | Theme | undefined): Theme {
  if (!theme || !isValidTheme(theme)) {
    return darkThemeObj;
  }

  let themeObj: Theme;

  if (typeof theme === "string") {
    themeObj = theme === "light" ? lightThemeObj : darkThemeObj;
  } else {
    themeObj = theme;
  }

  return themeObj;
}

function isValidTheme(theme: unknown): theme is Theme {
  return (
    theme === "dark" ||
    theme === "light" ||
    (typeof theme === "object" && theme !== null && "colors" in theme)
  );
}

/**
 *
 * @internal
 */
export function useCustomTheme() {
  return useContext(CustomThemeCtx);
}