import { AppIcon, StyledProp } from '@codeleap/styles'
import { ReactNode } from 'react'
import { BadgeComponentProps } from '../Badge'
import { TouchableProps } from '../Touchable'
import { ButtonComposition } from './styles'

export type ButtonProps =
  Omit<TouchableProps, 'style'> &
  BadgeComponentProps &
  {
    text?: string
    rightIcon?: AppIcon
    icon?: AppIcon
    /** When true, replaces the left icon with an ActivityIndicator and keeps the button pressable (debounce still applies); disable separately if you want to block interaction. */
    loading?: boolean
    debounce?: number
    debugName: string
    selected?: boolean
    children?: ReactNode
    style?: StyledProp<ButtonComposition>
  }