import type { ComponentType, ReactNode } from 'react'
import { IconProps } from './Icon'

export interface ButtonProps {
  children: ReactNode | ((state: ButtonPressableState) => ReactNode)
  onPress?: () => void
  inactive?: boolean
  disabled?: boolean
  heightFull?: boolean
  iconPosition?: 'left' | 'right'
  icon?: ComponentType<any>
  iconProps?: IconProps
  tokens?: Record<string, string | number | boolean | object>
  variant?: Record<string, string | number | boolean | undefined>
  accessibilityLabel?: string
  accessibilityRole?: string
  accessible?: boolean
  testID?: string
  dataSet?: Record<string, any>
  href?: string
  hrefAttrs?: Record<string, string>
}

export type ButtonPressableState = {
  hovered: boolean
  focused: boolean
  pressed: boolean
  inactive: boolean
  selected: boolean
  textStyles: Record<string, any>
}

declare const Button: ComponentType<ButtonProps>

export { Button }