import { cva } from "class-variance-authority"

import styles from "./title.module.css"

const config = {
  variants: {
    color: {
      burgundy: styles.burgundy,
      pale: styles.pale,
    },
    textTransform: {
      regular: styles.regular,
      uppercase: styles.uppercase,
    },
    type: {
      h1: styles.h1,
      h2: styles.h2,
      h3: styles.h3,
      h4: styles.h4,
      h5: styles.h5,
      h6: styles.h6,
    },
  },
  defaultVariants: {
    color: "burgundy",
    textTransform: "uppercase",
    type: "h1",
  },
} as const

export const headingVariants = cva(styles.heading, config)