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

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

const config = {
  variants: {
    color: {
      black: styles.black,
      burgundy: styles.burgundy,
      pale: styles.pale,
    },
    textTransform: {
      bold: styles.bold,
      regular: styles.regular,
    },
  },
  defaultVariants: {
    color: "black",
    textTransform: "regular",
  },
} as const

export const captionVariants = cva(styles.caption, config)

const fontOnlyConfig = {
  variants: {
    textTransform: {
      bold: styles.bold,
      regular: styles.regular,
    },
  },
  defaultVariants: {
    textTransform: "regular",
  },
} as const

export const fontOnlycaptionVariants = cva(
  styles.captionFontOnly,
  fontOnlyConfig
)