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,
    },
    textAlign: {
      center: styles.center,
      left: styles.left,
    },
    type: {
      one: styles.one,
      two: styles.two,
    },
    tilted: {
      small: styles.tiltedSmall,
      medium: styles.tiltedMedium,
      large: styles.tiltedLarge,
    },
  },
  defaultVariants: {
    type: "one",
  },
} as const

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