import { jsxs as c, jsx as l } from "react/jsx-runtime";
import { a as r, c as t } from "./twind.Cg2g8xBZ.js";
function d({
  theme: o,
  noPreview: e,
  className: a,
  selected: s,
  onClick: n
}) {
  return /* @__PURE__ */ c(
    "button",
    {
      type: "button",
      className: r(
        "group/theme-button overflow-hidden relative h-[44px] w-full rounded outline shadow-sm  flex flex-grow p-1 gap-1 items-stretch justify-stretch group transition-all",
        t({
          backgroundColor: o.colors.base100
          // color: theme.colors.baseContent
        }),
        s ? "outline-upstart-500" : "outline-gray-200",
        e ? "cursor-default" : "cursor-pointer hover:(outline-upstart-400)",
        a
      ),
      onClick: e ? void 0 : n,
      children: [
        /* @__PURE__ */ l(
          "div",
          {
            className: r(
              "flex-1 rounded-l",
              t({
                backgroundColor: o.colors.primary
              })
            )
          }
        ),
        /* @__PURE__ */ l(
          "div",
          {
            className: r(
              "flex-1",
              t({
                backgroundColor: o.colors.secondary
              })
            )
          }
        ),
        /* @__PURE__ */ l(
          "div",
          {
            className: r(
              "flex-1",
              t({
                backgroundColor: o.colors.accent
              })
            )
          }
        ),
        /* @__PURE__ */ l(
          "div",
          {
            className: r(
              "flex-1 rounded-r",
              t({
                backgroundColor: o.colors.neutral
              })
            )
          }
        ),
        /* @__PURE__ */ l(
          "h3",
          {
            className: r(
              e ? "-translate-y-1/2 " : "translate-y-full scale-75 group-hover/theme-button:(-translate-y-1/2 scale-100)",
              `absolute  left-1/2 -translate-x-1/2 transition-all top-1/2 -bottom-6 h-6
          py-px text-xs max-w-[86%] inline-flex items-center
          overflow-hidden text-ellipsis text-nowrap z-20 bg-black/30 px-2 font-normal text-white backdrop-blur-md rounded-full`
            ),
            children: o.name
          }
        )
      ]
    }
  );
}
export {
  d as T
};
