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

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

const config = {
  variants: {
    color: {
      baseButtonTertiaryOnFillNormal: styles.baseButtonTertiaryOnFillNormal,
      baseButtonTextOnFillNormal: styles.baseButtonTextOnFillNormal,
      baseIconLowContrast: styles.baseIconLowContrast,
      black: styles.black,
      blue: styles.blue,
      burgundy: styles.burgundy,
      green: styles.green,
      grey80: styles.grey80,
      pale: styles.pale,
      peach80: styles.peach80,
      primaryLightOnSurfaceAccent: styles.plosa,
      red: styles.red,
      white: styles.white,
      uiTextHighContrast: styles.uiTextHighContrast,
      uiTextMediumContrast: styles.uiTextMediumContrast,
      uiTextPlaceholder: styles.uiTextPlaceholder,
      disabled: styles.disabled,
    },
  },
  defaultVariants: {
    color: "black",
  },
} as const

export const iconVariants = cva(styles.icon, config)
