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

import styles from './subtitle.module.css'

const config = {
  variants: {
    color: {
      black: styles.black,
      burgundy: styles.burgundy,
      baseTextDisabled: styles.baseTextDisabled,
      pale: styles.pale,
      baseTextHighContrast: styles.baseTextHighContrast,
      uiTextHighContrast: styles.uiTextHighContrast,
      uiTextMediumContrast: styles.uiTextMediumContrast,
      uiTextPlaceholder: styles.uiTextPlaceholder,
      red: styles.red,
      mainGrey60: styles.mainGrey60,
    },
    textAlign: {
      center: styles.center,
      left: styles.left,
      right: styles.right,
    },
    textTransform: {
      regular: styles.regular,
      uppercase: styles.uppercase,
      capitalize: styles.capitalize,
    },
    type: {
      one: styles.one,
      two: styles.two,
    },
  },
  defaultVariants: {
    color: 'black',
    textAlign: 'left',
    textTransform: 'regular',
    type: 'one',
  },
} as const

export const subtitleVariants = cva(styles.subtitle, config)