fui-fancyui
Version:
FancyUI Libary
45 lines (43 loc) • 1.36 kB
JavaScript
import { jsx as i } from "react/jsx-runtime";
import { styled as a } from "styled-components";
import c from "../../../../atoms/RawButton/RawButton.js";
import s from "../../../../icons/SVGXCircle/SVGXCircle.js";
import { sizesSettings as o } from "../../sizeSettings.js";
import { getBackgroundColor as u } from "../../../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
function w(e) {
const { sizeC: n, onDelete: t, children: l, layer: d, themeType: m, ...p } = e;
return /* @__PURE__ */ i(
h,
{
$themeType: m,
$layer: d,
$sizeC: n,
type: "button",
onKeyDown: (r) => {
t && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), t());
},
onClick: t,
...p,
children: l || /* @__PURE__ */ i(s, {})
}
);
}
const h = a(c)`
border: none;
cursor: pointer;
color: inherit;
background-color: transparent;
padding: 0;
line-height: 1;
display: flex;
align-items: center;
color: ${({ theme: e, $themeType: n = "secondary", $layer: t = 3 }) => u({ theme: e, $themeType: n, $layer: t })};
svg {
width: ${({ $sizeC: e }) => e ? o[e].deleteButtonSize : o.md.deleteButtonSize};
height: ${({ $sizeC: e }) => e ? o[e].deleteButtonSize : o.md.deleteButtonSize};
}
`;
export {
h as StyledXButton,
w as default
};