stone-kit
Version:
uikit for redesign
71 lines (70 loc) • 2 kB
JavaScript
import { jsx as m, Fragment as f } from "react/jsx-runtime";
import { useState as g, useEffect as k } from "react";
import { c as S } from "../../../index-rKuIKazb.js";
import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
import { sizeMap as i } from "./RoundButton.types.js";
const R = "_btnRound_1l9nv_1", p = "_whiteStroke_1l9nv_42", F = "_blackFill_1l9nv_47", e = {
btnRound: R,
"tiny-size": "_tiny-size_1l9nv_19",
"small-size": "_small-size_1l9nv_25",
"medium-size": "_medium-size_1l9nv_30",
"large-size": "_large-size_1l9nv_36",
whiteStroke: p,
blackFill: F,
"tiny-size_m": "_tiny-size_m_1l9nv_53",
"small-size_m": "_small-size_m_1l9nv_58",
"medium-size_m": "_medium-size_m_1l9nv_62",
"large-size_m": "_large-size_m_1l9nv_67",
"tiny-size_l": "_tiny-size_l_1l9nv_88",
"small-size_l": "_small-size_l_1l9nv_93",
"medium-size_l": "_medium-size_l_1l9nv_97",
"large-size_l": "_large-size_l_1l9nv_102"
}, $ = S.bind(e), j = ({
size: s = "small",
size_m: l,
size_l: n,
children: a = "",
iconName: o = "",
variant: z = "whiteStroke",
additionalClass: d = "",
additionalClassIcon: c = "",
deg: u,
...r
}) => {
const [v, w] = g(i.small), { color: b = "#141416" } = r;
return k(() => {
const _ = () => {
const t = window.innerWidth, h = t > 1440 && n ? i[n] : t >= 1024 && t <= 1440 && l ? i[l] : i[s] || i.small;
w(h);
};
return window.addEventListener("resize", _), _(), () => {
window.removeEventListener("resize", _);
};
}, [s, l, n]), /* @__PURE__ */ m(
"button",
{
className: $(
e.btnRound,
e[`${s}-size`],
e[`${l}-size_m`],
e[`${n}-size_l`],
e[`${z}`],
d
),
...r,
children: /* @__PURE__ */ m(f, { children: o ? /* @__PURE__ */ m(
y,
{
additionalClass: c,
name: o,
size: v,
deg: u,
color: b
}
) : a })
}
);
};
export {
j as RoundButton
};