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

uikit for redesign

import { jsx as n, jsxs as m, Fragment as r } from "react/jsx-runtime";
import { c as g } from "../../../index-rKuIKazb.js";
import { NewIcon as k } from "../../NewIcon/ui/NewIcon.js";
const w = "_btnCommon_ty9np_1", f = "_btnLoading_ty9np_20", C = "_isHidden_ty9np_24", N = "_blue_ty9np_68", v = "_lightBlue_ty9np_82", H = "_sokolniki_ty9np_97", S = "_black_ty9np_111", B = "_gray_ty9np_125", L = "_whiteStroke_ty9np_139", $ = "_whiteFilled_ty9np_151", x = "_shade_ty9np_165", F = "_transparent_ty9np_171", j = "_volodiyaLight_ty9np_192", I = "_loader_ty9np_198", q = "_LoaderSpin_ty9np_1", e = {
  btnCommon: w,
  btnLoading: f,
  isHidden: C,
  "auto-width": "_auto-width_ty9np_28",
  "full-width": "_full-width_ty9np_32",
  "tiny-size": "_tiny-size_ty9np_36",
  "small-size": "_small-size_ty9np_44",
  "medium-size": "_medium-size_ty9np_52",
  "large-size": "_large-size_ty9np_60",
  blue: N,
  lightBlue: v,
  sokolniki: H,
  black: S,
  gray: B,
  whiteStroke: L,
  whiteFilled: $,
  shade: x,
  transparent: F,
  volodiyaLight: j,
  loader: I,
  LoaderSpin: q,
  "tiny-size_m": "_tiny-size_m_ty9np_204",
  "small-size_m": "_small-size_m_ty9np_211",
  "medium-size_m": "_medium-size_m_ty9np_218",
  "large-size_m": "_large-size_m_ty9np_225",
  "tiny-size_l": "_tiny-size_l_ty9np_234",
  "small-size_l": "_small-size_l_ty9np_241",
  "medium-size_l": "_medium-size_l_ty9np_248",
  "large-size_l": "_large-size_l_ty9np_255"
}, i = g.bind(e), G = ({
  size: y = "medium",
  size_m: c,
  size_l: z,
  onCLick: a,
  pre: l = !1,
  children: p = "",
  post: s = !1,
  variant: h = "blue",
  width: u = "auto",
  additionalClass: b = "",
  isLoading: t = !1,
  ..._
}) => {
  const o = i(
    e.btnCommon,
    e[`${y}-size`],
    e[`${c}-size_m`],
    e[`${z}-size_l`],
    e[`${h}`],
    { [e.btnLoading]: t },
    { [e.btnCommonInline]: l || s },
    e[`${u}-width`],
    b
  ), d = () => /* @__PURE__ */ m(r, { children: [
    t && /* @__PURE__ */ n(
      k,
      {
        name: "loader",
        size: "24",
        color: "currentColor",
        additionalClass: e.loader
      }
    ),
    /* @__PURE__ */ m(r, { children: [
      l && /* @__PURE__ */ n("div", { className: i({ [e.isHidden]: t }), children: l }),
      /* @__PURE__ */ n("div", { className: i({ [e.isHidden]: t }), children: p }),
      s && /* @__PURE__ */ n("div", { className: i({ [e.isHidden]: t }), children: s })
    ] })
  ] });
  return _.as === "link" ? (delete _.as, /* @__PURE__ */ n(
    "a",
    {
      className: o,
      onClick: a,
      ..._,
      children: d()
    }
  )) : (delete _.as, /* @__PURE__ */ n(
    "button",
    {
      className: o,
      onClick: a,
      ..._,
      children: d()
    }
  ));
};
export {
  G as Button
};