stone-kit
Version:
uikit for redesign
75 lines (74 loc) • 2.17 kB
JavaScript
import { jsx as c, Fragment as f } from "react/jsx-runtime";
import { useState as S, useEffect as y } from "react";
import { c as g } from "../../../index-rKuIKazb.js";
import { NewIcon as F } from "../../NewIcon/ui/NewIcon.js";
import { sizeMap as e } from "./RoundButton.types.js";
const R = "_btnRound_1ii9c_1", p = "_whiteStroke_1ii9c_42", $ = "_whiteFilled_1ii9c_47", v = "_blackFill_1ii9c_52", x = "_blackStroke_1ii9c_57", E = "_fullGray_1ii9c_65", G = "_blue_1ii9c_73", i = {
btnRound: R,
"tiny-size": "_tiny-size_1ii9c_19",
"small-size": "_small-size_1ii9c_25",
"medium-size": "_medium-size_1ii9c_30",
"large-size": "_large-size_1ii9c_36",
whiteStroke: p,
whiteFilled: $,
blackFill: v,
blackStroke: x,
fullGray: E,
blue: G,
"tiny-size_m": "_tiny-size_m_1ii9c_79",
"small-size_m": "_small-size_m_1ii9c_84",
"medium-size_m": "_medium-size_m_1ii9c_88",
"large-size_m": "_large-size_m_1ii9c_93",
"tiny-size_l": "_tiny-size_l_1ii9c_114",
"small-size_l": "_small-size_l_1ii9c_119",
"medium-size_l": "_medium-size_l_1ii9c_123",
"large-size_l": "_large-size_l_1ii9c_128"
}, B = g.bind(i), M = ({
size: t = "small",
size_m: _,
size_l: l,
children: r = "",
iconName: o = "",
variant: a = "whiteStroke",
additionalClass: d = "",
additionalClassIcon: z = "",
deg: u,
...m
}) => {
const [b, w] = S(e.small), { color: k = "#141416" } = m;
return y(() => {
const s = () => {
const n = window.innerWidth, h = n > 1440 && l ? e[l] : n >= 1024 && n <= 1440 && _ ? e[_] : e[t] || e.small;
w(h);
};
return window.addEventListener("resize", s), s(), () => {
window.removeEventListener("resize", s);
};
}, [t, _, l]), /* @__PURE__ */ c(
"button",
{
className: B(
i.btnRound,
i[`${t}-size`],
i[`${_}-size_m`],
i[`${l}-size_l`],
i[`${a}`],
d
),
...m,
children: /* @__PURE__ */ c(f, { children: o ? /* @__PURE__ */ c(
F,
{
additionalClass: z,
name: o,
size: b,
deg: u,
color: k
}
) : r })
}
);
};
export {
M as RoundButton
};