@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
46 lines (45 loc) • 932 B
JavaScript
import { c as r } from "../../index-D29mdTf5.js";
const e = r(
["rounded-xl", "border", "border-gray-200", "dark:border-metal-700"],
{
variants: {
isActive: {
true: "border-transparent",
false: ""
},
canHover: {
true: ["group", "hover:border-transparent"],
false: ""
}
}
}
), o = r(
["border", "border-4", "p-3", "text-card-foreground", "rounded-xl"],
{
variants: {
isActive: {
true: ["border-aurora-500", "shadow"],
false: "border-transparent"
},
canHover: {
true: [
"cursor-pointer",
"border-transparent",
"group-hover:border-aurora-500"
],
false: ""
}
},
compoundVariants: [
{
canHover: void 0,
isActive: void 0,
class: "border-transparent"
}
]
}
);
export {
e as cardBaseVariants,
o as cardVariants
};