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

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

const config = {
  variants: {
    color: {
      black: styles.black,
      burgundy: styles.burgundy,
      pale: styles.pale,
      peach80: styles.peach80,
      primaryLightOnSurfaceAccent: styles.plosa,
      red: styles.red,
      pink: styles.pink,
      secondaryLightAccent: styles.secondaryLightAccent,
      tertiaryLightAccent: styles.tertiaryLightAccent,
      primaryDimAccent: styles.primaryDimAccent,
      primaryStrongAccent: styles.primaryStrongAccent,
      baseText: styles.baseText,
    },
    textAlign: {
      center: styles.center,
      left: styles.left,
    },
    type: {
      one: styles.one,
      two: styles.two,
    },
    tilted: {
      extraSmall: styles.tiltedExtraSmall,
      small: styles.tiltedSmall,
      medium: styles.tiltedMedium,
      large: styles.tiltedLarge,
    },
  },
  defaultVariants: {
    type: "one",
  },
} as const

export const biroScriptVariants = cva(styles.text, config)
