@mankindui/core
Version:
- a react component library - you can see how @mankindui/core can be used via examples: [usage examples](https://github.com/clarklindev/mankindui-test)
43 lines (42 loc) • 1.23 kB
JavaScript
import { j as h } from "../../_virtual/jsx-runtime.js";
import { cva as o } from "../../node_modules/class-variance-authority/dist/index.js";
const s = o(
[
`
flex
items-center
justify-center
[&>*]:w-full
[&>*]:h-auto
`
],
{
variants: {
size: {
XXS: ["w-[10px]", "h-[10px]"],
XS: ["w-[15px]", "h-[15px]"],
S: ["w-[20px]", "h-[20px]"],
M: ["w-[25px]", "h-[25px]"],
L: ["w-[30px]", "h-[30px]"],
XL: ["w-[35px]", "h-[35px]"],
"2XL": ["w-[40px]", "h-[40px]"],
"3XL": ["w-[45px]", "h-[45px]"],
"4XL": ["w-[50px]", "h-[50px]"],
"5XL": ["w-[55px]", "h-[55px]"],
"6XL": ["w-[60px]", "h-[60px]"],
"7XL": ["w-[70px]", "h-[70px]"],
"8XL": ["w-[80px]", "h-[80px]"],
"9XL": ["w-[90px]", "h-[90px]"],
"10XL": ["w-[100px]", "h-[100px]"]
}
},
defaultVariants: {
size: "M"
}
}
), p = ({ children: x, size: t, color: w, className: a, ...e }) => /* @__PURE__ */ h.jsx("div", { "data-component": p.displayName, className: s({ size: t, className: a }), ...e, children: x });
p.displayName = "Icon";
export {
p as Icon
};
//# sourceMappingURL=index.js.map