import { InputBaseParts, InputBaseStates } from '../InputBase'

type AnimatableParts = 'checkmarkWrapper' | 'box'

export type CheckboxParts = InputBaseParts | AnimatableParts | 'checkmark'

export type CheckboxAnimationStates = 'checked' | 'unchecked' | 'disabled-checked' | 'disabled-unchecked'

export type CheckboxStates = InputBaseStates

/** `*:transition` keys are consumed by `useAnimatedVariantStyles` to configure the Reanimated transition — they are not applied as RN styles directly. */
export type CheckboxComposition =
  | CheckboxParts
  | `${CheckboxParts}:${CheckboxStates}`
  | `${AnimatableParts}:transition`
  | `${AnimatableParts}:${CheckboxAnimationStates}`
  | '__props'