@mabi-ui/radio
Version:
Radio group and radio button components for Mabi-UI
72 lines (71 loc) • 1.52 kB
JavaScript
// src/RadioIcons.tsx
import { cn, computeColor } from "@mabi-ui/utils";
import React from "react";
function SelectedIcon({ color, isDisabled }) {
return /* @__PURE__ */ React.createElement(
"svg",
{
width: 20,
height: 20,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
},
/* @__PURE__ */ React.createElement(
"rect",
{
x: 1,
y: 1,
width: 18,
height: 18,
rx: 9,
stroke: "2",
className: cn(
!isDisabled ? computeColor(color, "stroke") : "stroke-black/[0.38] dark:stroke-white/[0.38]",
"stroke-2"
)
}
),
/* @__PURE__ */ React.createElement(
"rect",
{
x: 5,
y: 5,
width: 10,
height: 10,
rx: 5,
className: cn(
!isDisabled ? computeColor(color, "fill") : "fill-black/[0.38] dark:fill-white/[0.38]"
)
}
)
);
}
function UnselectedIcon({ color, isDisabled }) {
return /* @__PURE__ */ React.createElement(
"svg",
{
width: 20,
height: 20,
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
},
/* @__PURE__ */ React.createElement(
"rect",
{
x: 1,
y: 1,
width: 18,
height: 18,
rx: 9,
className: "dark:stroke-white stroke-black",
strokeOpacity: 0.38,
strokeWidth: 2
}
)
);
}
export {
SelectedIcon,
UnselectedIcon
};
//# sourceMappingURL=chunk-3ZUYM7QW.mjs.map