import { StylesOf } from '@codeleap/types'
import { ActivityIndicatorComposition } from '../ActivityIndicator'
import { BadgeComposition } from '../Badge'
import { TouchableStylesGen } from '../Touchable'

export type ButtonStates = 'disabled' | 'selected'

export type ButtonParts =
  | 'text'
  | 'textFeedback'
  | 'wrapper'
  | 'wrapperFeedback'
  | 'feedback'
  | 'icon'
  | 'leftIcon'
  | 'rightIcon'
  | 'loader'
  | `loader${Capitalize<ActivityIndicatorComposition>}`
  | `badge${Capitalize<BadgeComposition>}`

export type ButtonComposition = `${ButtonParts}:${ButtonStates}` | ButtonParts

export type ButtonStylesGen<TCSS = any> = StylesOf<ButtonComposition, TCSS> & {
  feedback?: TouchableStylesGen['feedback']
  textFeedback?: TouchableStylesGen['feedback']
  wrapperFeedback?: TouchableStylesGen['feedback']
}