36 lines
819 B
TypeScript
36 lines
819 B
TypeScript
import { cva } from "class-variance-authority"
|
|
|
|
import styles from "./button.module.css"
|
|
|
|
export const buttonVariants = cva(styles.btn, {
|
|
variants: {
|
|
intent: {
|
|
primary: styles.primary,
|
|
secondary: styles.secondary,
|
|
},
|
|
size: {
|
|
small: styles.small,
|
|
medium: styles.medium,
|
|
large: styles.large,
|
|
},
|
|
theme: {
|
|
primaryLight: styles.primaryLight,
|
|
primaryDark: styles.primaryDark,
|
|
secondaryLight: styles.secondaryLight,
|
|
secondaryDark: styles.secondaryDark,
|
|
tertiaryLight: styles.tertiaryLight,
|
|
tertiaryDark: styles.tertiaryDark,
|
|
},
|
|
variant: {
|
|
default: styles.default,
|
|
icon: styles.icon,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
intent: "primary",
|
|
size: "medium",
|
|
theme: "primaryLight",
|
|
variant: "default",
|
|
},
|
|
})
|