You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
495 B
TypeScript
30 lines
495 B
TypeScript
import { cva } from "class-variance-authority";
|
|
|
|
const base = [
|
|
"overflow-hidden",
|
|
"rounded-lg",
|
|
"bg-white",
|
|
"divide-y",
|
|
"divide-y-2",
|
|
"text-mono-text",
|
|
];
|
|
|
|
const cardStyles = cva(base, {
|
|
variants: {
|
|
paddless: {
|
|
true: ["p-0"],
|
|
false: ["px-4", "py-4", "sm:px-6", "divide-y-0"],
|
|
},
|
|
borderless: {
|
|
true: ["border-0"],
|
|
false: ["border-2"],
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
paddless: false,
|
|
borderless: false,
|
|
},
|
|
});
|
|
|
|
export { cardStyles };
|