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

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

export const config = {
  variants: {
    variant: {
      Filled: styles['variant-filled'],
      Outlined: styles['variant-outlined'],
      Elevated: styles['variant-elevated'],
      Faded: styles['variant-faded'],
      Muted: styles['variant-muted'],
    },
    emphasis: {
      true: styles['emphasis'],
      false: undefined,
    },
    size: {
      xl: styles['size-xl'],
      lg: styles['size-lg'],
      md: styles['size-md'],
      sm: styles['size-sm'],
    },
  },
  defaultVariants: {
    variant: 'Filled',
    size: 'lg',
    emphasis: false,
  },
} as const

export const variants = cva(styles.iconButton, config)