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

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

const config = {
  variants: {
    text: {
      uppercase: styles.uppercase,
    },
    type: {
      h1: styles.h1,
      h2: styles.h2,
      h3: styles.h3,
      h4: styles.h4,
      h5: styles.h5,
      h6: styles.h6,
    },
    weight: {
      light: styles.light,
      regular: styles.regular,
      medium: styles.medium,
      semiBold: styles.semiBold,
      bold: styles.bold,
      black: styles.black,
    },
  },
  defaultVariants: {
    type: "h1",
    weight: "black",
  },
} as const

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