48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import { cva } from "class-variance-authority"
|
|
|
|
import styles from "./title.module.css"
|
|
|
|
const config = {
|
|
variants: {
|
|
color: {
|
|
black: styles.black,
|
|
burgundy: styles.burgundy,
|
|
pale: styles.pale,
|
|
peach80: styles.peach80,
|
|
red: styles.red,
|
|
white: styles.white,
|
|
primaryLight: styles.primaryLight,
|
|
secondaryLight: styles.secondaryLight,
|
|
tertiaryLight: styles.tertiaryLight,
|
|
primaryDark: styles.primaryDark,
|
|
primaryDim: styles.primaryDim,
|
|
primaryStrong: styles.primaryStrong,
|
|
baseText: styles.baseText,
|
|
},
|
|
textAlign: {
|
|
center: styles.center,
|
|
left: styles.left,
|
|
},
|
|
textTransform: {
|
|
capitalize: styles.capitalize,
|
|
regular: styles.regular,
|
|
uppercase: styles.uppercase,
|
|
},
|
|
type: {
|
|
h1: styles.h1,
|
|
h2: styles.h2,
|
|
h3: styles.h3,
|
|
h4: styles.h4,
|
|
h5: styles.h4,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "burgundy",
|
|
textAlign: "left",
|
|
textTransform: "uppercase",
|
|
type: "h1",
|
|
},
|
|
} as const
|
|
|
|
export const headingVariants = cva(styles.heading, config)
|