stone-kit
Version:
uikit for redesign
111 lines (110 loc) • 3.29 kB
JavaScript
import { jsx as c, jsxs as r, Fragment as m } from "react/jsx-runtime";
import { c as w } from "../../../index-YnD2EP-S.js";
import { NewIcon as f } from "../../NewIcon/ui/NewIcon.js";
const p = "_btnCommon_1c3c6_1", C = "_btnLoading_1c3c6_20", B = "_pre_1c3c6_24", N = "_post_1c3c6_25", v = "_isHidden_1c3c6_29", S = "_blue_1c3c6_81", H = "_lightBlue_1c3c6_95", M = "_sokolniki_1c3c6_110", x = "_transparentBg_1c3c6_124", $ = "_black_1c3c6_139", F = "_gray_1c3c6_153", L = "_whiteStroke_1c3c6_167", j = "_whiteFilled_1c3c6_179", I = "_shade_1c3c6_193", q = "_transparent_1c3c6_124", A = "_volodiyaLight_1c3c6_220", D = "_loader_1c3c6_226", E = "_LoaderSpin_1c3c6_1", G = "_loader_stroke_1c3c6_230", e = {
btnCommon: p,
btnLoading: C,
pre: B,
post: N,
isHidden: v,
"auto-width": "_auto-width_1c3c6_33",
"full-width": "_full-width_1c3c6_37",
"tiny-size": "_tiny-size_1c3c6_41",
"small-size": "_small-size_1c3c6_49",
"preMedium-size": "_preMedium-size_1c3c6_57",
"medium-size": "_medium-size_1c3c6_65",
"large-size": "_large-size_1c3c6_73",
blue: S,
lightBlue: H,
sokolniki: M,
transparentBg: x,
black: $,
gray: F,
whiteStroke: L,
whiteFilled: j,
shade: I,
transparent: q,
volodiyaLight: A,
loader: D,
LoaderSpin: E,
loader_stroke: G,
"tiny-size_m": "_tiny-size_m_1c3c6_235",
"small-size_m": "_small-size_m_1c3c6_242",
"preMedium-size_m": "_preMedium-size_m_1c3c6_249",
"medium-size_m": "_medium-size_m_1c3c6_256",
"large-size_m": "_large-size_m_1c3c6_263",
"tiny-size_l": "_tiny-size_l_1c3c6_272",
"small-size_l": "_small-size_l_1c3c6_279",
"preMedium-size_l": "_preMedium-size_l_1c3c6_286",
"medium-size_l": "_medium-size_l_1c3c6_293",
"large-size_l": "_large-size_l_1c3c6_300"
}, s = w.bind(e), P = ({
size: z = "medium",
size_m: u,
size_l: h,
onCLick: t,
pre: l = !1,
children: b = "",
post: n = !1,
variant: g = "blue",
width: k = "auto",
additionalClass: y = "",
isLoading: i = !1,
loaderIconName: d = "loader",
..._
}) => {
const a = s(
e.btnCommon,
e[`${z}-size`],
e[`${u}-size_m`],
e[`${h}-size_l`],
e[`${g}`],
{ [e.btnLoading]: i },
{ [e.btnCommonInline]: l || n },
e[`${k}-width`],
y
), o = () => /* @__PURE__ */ r(m, { children: [
i && /* @__PURE__ */ c(
f,
{
name: d,
size: "24",
color: "currentColor",
additionalClass: s(e.loader, d === "loaderStroke" && e.loader_stroke)
}
),
/* @__PURE__ */ r(m, { children: [
l && /* @__PURE__ */ c("div", { className: s(e.pre, { [e.isHidden]: i }), children: l }),
/* @__PURE__ */ c("div", { className: s({ [e.isHidden]: i }), children: b }),
n && /* @__PURE__ */ c("div", { className: s(e.post, { [e.isHidden]: i }), children: n })
] })
] });
return _.as === "box" ? (delete _.as, /* @__PURE__ */ c(
"div",
{
className: a,
onClick: t,
..._,
children: o()
}
)) : _.as === "link" ? (delete _.as, /* @__PURE__ */ c(
"a",
{
className: a,
onClick: t,
..._,
children: o()
}
)) : (delete _.as, /* @__PURE__ */ c(
"button",
{
className: a,
onClick: t,
..._,
children: o()
}
));
};
export {
P as Button
};