import { ButtonStateMapping } from './button.types'

export const loadingIconProps = {
  animation: 'vui-spin 0.6s linear infinite',
  name: 'fadSpinnerThird',
  pathFill: ['', 'transparent'],
}

export const buttonStateMapping: ButtonStateMapping = {
  error: {
    variant: 'solidRed',
    iconProps: {
      animation: 'fadeDown',
      icon: 'falTimesCircle',
    },
  },
  loading: {
    variant: 'primaryDark',
    iconProps: loadingIconProps,
  },
  success: {
    variant: 'solidGreen',
    iconProps: {
      animation: 'fadeDown',
      icon: 'falCheckCircle',
    },
  },
}
