stone-kit
Version:
uikit for redesign
95 lines (94 loc) • 2.7 kB
JavaScript
import { jsx as t, 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", n = {
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"
}, e = g.bind(n), G = ({
size: y = "medium",
size_m: c,
size_l: p,
onCLick: o,
pre: i = !1,
children: z = "",
post: s = !1,
variant: h = "blue",
width: u = "auto",
additionalClass: b = "",
isLoading: _ = !1,
...l
}) => {
const a = e(
n.btnCommon,
n[`${y}-size`],
n[`${c}-size_m`],
n[`${p}-size_l`],
n[`${h}`],
{ [n.btnLoading]: _ },
{ [n.btnCommonInline]: i || s },
n[`${u}-width`],
b
), d = () => /* @__PURE__ */ m(r, { children: [
_ && /* @__PURE__ */ t(
k,
{
name: "loader",
size: "24",
color: "currentColor",
additionalClass: n.loader
}
),
/* @__PURE__ */ m(r, { children: [
i && /* @__PURE__ */ t("div", { className: e({ [n.isHidden]: _ }), children: i }),
/* @__PURE__ */ t("div", { className: e({ [n.isHidden]: _ }), children: z }),
s && /* @__PURE__ */ t("div", { className: e({ [n.isHidden]: _ }), children: s })
] })
] });
return l.as === "link" ? /* @__PURE__ */ t(
"a",
{
className: a,
onClick: o,
...l,
children: d()
}
) : /* @__PURE__ */ t(
"button",
{
className: a,
onClick: o,
...l,
children: d()
}
);
};
export {
G as Button
};