stone-kit/dist/components/Button/ui/Button.js

uikit for redesign

import { jsx as _, jsxs as d, Fragment as r } from "react/jsx-runtime";
import { c as k } from "../../../index-rKuIKazb.js";
import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
const w = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m_24", v = "_blue_f868m_68", H = "_lightBlue_f868m_82", S = "_sokolniki_f868m_97", B = "_black_f868m_111", L = "_gray_f868m_125", $ = "_whiteStroke_f868m_139", x = "_whiteFilled_f868m_151", F = "_shade_f868m_165", j = "_transparent_f868m_171", I = "_volodiyaLight_f868m_192", q = "_loader_f868m_198", A = "_LoaderSpin_f868m_1", e = {
  btnCommon: w,
  btnLoading: C,
  isHidden: N,
  "auto-width": "_auto-width_f868m_28",
  "full-width": "_full-width_f868m_32",
  "tiny-size": "_tiny-size_f868m_36",
  "small-size": "_small-size_f868m_44",
  "medium-size": "_medium-size_f868m_52",
  "large-size": "_large-size_f868m_60",
  blue: v,
  lightBlue: H,
  sokolniki: S,
  black: B,
  gray: L,
  whiteStroke: $,
  whiteFilled: x,
  shade: F,
  transparent: j,
  volodiyaLight: I,
  loader: q,
  LoaderSpin: A,
  "tiny-size_m": "_tiny-size_m_f868m_204",
  "small-size_m": "_small-size_m_f868m_211",
  "medium-size_m": "_medium-size_m_f868m_218",
  "large-size_m": "_large-size_m_f868m_225",
  "tiny-size_l": "_tiny-size_l_f868m_234",
  "small-size_l": "_small-size_l_f868m_241",
  "medium-size_l": "_medium-size_l_f868m_248",
  "large-size_l": "_large-size_l_f868m_255"
}, s = k.bind(e), J = ({
  size: c = "medium",
  size_m: f,
  size_l: z,
  onCLick: t,
  pre: m = !1,
  children: h = "",
  post: n = !1,
  variant: u = "blue",
  width: b = "auto",
  additionalClass: g = "",
  isLoading: i = !1,
  ...l
}) => {
  const a = s(
    e.btnCommon,
    e[`${c}-size`],
    e[`${f}-size_m`],
    e[`${z}-size_l`],
    e[`${u}`],
    { [e.btnLoading]: i },
    { [e.btnCommonInline]: m || n },
    e[`${b}-width`],
    g
  ), o = () => /* @__PURE__ */ d(r, { children: [
    i && /* @__PURE__ */ _(
      y,
      {
        name: "loader",
        size: "24",
        color: "currentColor",
        additionalClass: e.loader
      }
    ),
    /* @__PURE__ */ d(r, { children: [
      m && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: m }),
      /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: h }),
      n && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: n })
    ] })
  ] });
  return l.as === "link" ? (delete l.as, /* @__PURE__ */ _(
    "a",
    {
      className: a,
      onClick: t,
      ...l,
      children: o()
    }
  )) : (delete l.as, /* @__PURE__ */ _(
    "button",
    {
      className: a,
      onClick: t,
      ...l,
      children: o()
    }
  ));
};
export {
  J as Button
};