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)
