export const handleAlign = (align: string) => {
  let a: string = ''

  switch (align) {
    case 'center':
      a = 'justify-center'
      break
    case 'left':
      a = 'justify-start'
      break
    case 'right':
      a = 'justify-end'
      break
    default:
      a = 'justify-center'
  }

  return a
}

export const handleVariant = (variant: string) => {
  let v: string = ''

  switch (variant) {
    case 'action':
      v =
        'bg-emerald-500 hover:bg-emerald-100 text-white hover:text-emerald-600'
      break
    case 'cancel':
      v = 'bg-gray-100 hover:bg-gray-50 text-gray-400 hover:text-gray-500'
      break
    case 'close':
      v = 'bg-vapta-red hover:bg-opacity-50 border border-vapta-red text-white'
      break
    case 'delete':
      v =
        'bg-transparent hover:bg-red-500 border border-red-500 text-red-500 hover:text-white'
      break
    case 'primary':
      v = 'bg-red-500 text-white'
      break
    case 'secondary':
      v = 'bg-blue-500 text-white'
      break
    default:
      v = 'bg-gray-100 hover:bg-gray-300 text-gray-600 hover:text-gray-900'
  }

  return v
}

export const handleButtonSize = (size: string) => {
  switch (size) {
    case 'lg':
      return 'text-lg'
    case 'md':
      return 'text-md'
    case 'sm':
      return 'text-sm'
    case 'xs':
      return 'text-xs'
    default:
      return 'text-sm'
  }
}
