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

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

export const iconVariantConfig = {
  variants: {
    color: {
      'Icon/Default': styles.iconDefault,
      'Icon/Intense': styles.iconIntense,
      'Icon/Accent': styles.iconAccent,
      'Icon/Inverted': styles.iconInverted,

      'Icon/Interactive/Default': styles.iconInteractiveDefault,
      'Icon/Interactive/Secondary': styles.iconInteractiveSecondary,
      'Icon/Interactive/Accent': styles.iconInteractiveAccent,
      'Icon/Interactive/Disabled': styles.iconInteractiveDisabled,
      'Icon/Interactive/Placeholder': styles.iconInteractivePlaceholder,

      'Icon/Feedback/Information': styles.iconFeedbackInformation,
      'Icon/Feedback/Success': styles.iconFeedbackSuccess,
      'Icon/Feedback/Warning': styles.iconFeedbackWarning,
      'Icon/Feedback/Neutral': styles.iconFeedbackNeutral,
      'Icon/Feedback/Error': styles.iconFeedbackError,

      CurrentColor: styles.currentColor,
    },
  },
  defaultVariants: {
    color: 'Icon/Default',
  },
} as const

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