stone-kit
Version:
uikit for redesign
76 lines (75 loc) • 2.23 kB
JavaScript
import { jsx as n, Fragment as k } from "react/jsx-runtime";
import { useState as f, useEffect as S } from "react";
import { c as y } from "../../../index-YnD2EP-S.js";
import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
import { sizeMap as i } from "./RoundButton.types.js";
const g = "_btnRound_z7oq7_1", F = "_whiteStroke_z7oq7_43", R = "_whiteFilled_z7oq7_48", $ = "_whiteTransparent_z7oq7_53", v = "_blackFill_z7oq7_58", x = "_blackStroke_z7oq7_63", E = "_fullGray_z7oq7_71", G = "_blue_z7oq7_79", e = {
btnRound: g,
"tiny-size": "_tiny-size_z7oq7_20",
"small-size": "_small-size_z7oq7_26",
"medium-size": "_medium-size_z7oq7_31",
"large-size": "_large-size_z7oq7_37",
whiteStroke: F,
whiteFilled: R,
whiteTransparent: $,
blackFill: v,
blackStroke: x,
fullGray: E,
blue: G,
"tiny-size_m": "_tiny-size_m_z7oq7_85",
"small-size_m": "_small-size_m_z7oq7_90",
"medium-size_m": "_medium-size_m_z7oq7_94",
"large-size_m": "_large-size_m_z7oq7_99",
"tiny-size_l": "_tiny-size_l_z7oq7_120",
"small-size_l": "_small-size_l_z7oq7_125",
"medium-size_l": "_medium-size_l_z7oq7_129",
"large-size_l": "_large-size_l_z7oq7_134"
}, T = y.bind(e), I = ({
size: o = "small",
size_m: t,
size_l: _,
children: a = "",
iconName: z = "",
variant: m = "whiteStroke",
additionalClass: c = "",
additionalClassIcon: d = "",
deg: u,
...r
}) => {
const [q, w] = f(i.small), { color: b = "#141416" } = r;
return S(() => {
const s = () => {
const l = window.innerWidth, h = l > 1440 && _ ? i[_] : l >= 1024 && l <= 1440 && t ? i[t] : i[o] || i.small;
w(h);
};
return window.addEventListener("resize", s), s(), () => {
window.removeEventListener("resize", s);
};
}, [o, t, _]), /* @__PURE__ */ n(
"button",
{
className: T(
e.btnRound,
e[`${o}-size`],
e[`${t}-size_m`],
e[`${_}-size_l`],
e[`${m}`],
c
),
...r,
children: /* @__PURE__ */ n(k, { children: z ? /* @__PURE__ */ n(
p,
{
additionalClass: d,
name: z,
size: q,
deg: u,
color: b
}
) : a })
}
);
};
export {
I as RoundButton
};