import type { HTMLAttributes } from 'vue'
import type { FdsIconName } from '../FdsIcon/types'

export interface FdsButtonBaseProps
  extends Omit</* @vue-ignore */ HTMLAttributes, 'type' | 'href' | 'target' | 'rel'> {
  text: string
  loading?: boolean
  disabled?: boolean
  block?: boolean
  state?: 'hover' | 'focus' | 'active' | undefined
  icon?: FdsIconName | undefined
  iconPos?: 'right' | 'left'
  iconSize?: number
  size?: 'sm' | 'md' | 'lg'
  textSelection?: boolean
  as?: 'button' | 'a' | 'router-link'
  href?: string | undefined
  target?: string
  rel?: string
  type?: 'button' | 'submit' | 'reset'
  invert?: boolean
  dataTestid?: string
}