import { jsxs as l, jsx as s } from "react/jsx-runtime";
import { a as r, c as i } from "./twind.Cg2g8xBZ.js";
import { useState as f, useRef as c, useEffect as m } from "react";
function p({ themes: n }) {
  const [a, u] = f(0), o = c(null), t = c(null), e = n[a];
  return m(() => {
    t.current?.style.setProperty("background-color", e.colors.base200), o.current?.style.setProperty(
      "background-image",
      `conic-gradient(from 0deg, ${e.colors.primary}, ${e.colors.secondary}, ${e.colors.accent}, ${e.colors.primary})`
    );
  }, [e]), /* @__PURE__ */ l(
    "div",
    {
      ref: t,
      className: r(
        "w-full flex justify-center items-center h-full relative overflow-hidden animate-background bg-size[400%] opacity-50"
      ),
      children: [
        /* @__PURE__ */ s("div", { ref: o, className: r("absolute w-[100vh] h-[100vh] inset-0 animate-spin-blob z-20") }),
        /* @__PURE__ */ s(
          "div",
          {
            className: r(
              "rounded-full absolute backdrop-blur-3xl inset-0 scale-150 bg-white/40 z-50 flex items-center justify-center",
              i({
                textShadow: "0 0 3px rgba(0, 0, 0, 0.3)",
                color: "#FFFFFF",
                fontSize: "1.2rem",
                fontWeight: "bold",
                transition: "color 0.3s ease, background-color 0.3s ease"
              })
            ),
            children: e.name
          }
        )
      ]
    }
  );
}
export {
  p as default
};
