import type { ComponentType } from 'react'
import { StyleProp, ViewStyle, TextStyle } from 'react-native'

export type CheckboxTokens = {
  containerAlignItems?: 'center' | 'flex-start'
  containerBackgroundColor?: string
  feedbackMarginBottom?: number
  feedbackMarginTop?: number
  feedbackPosition?: string
  icon?: string
  iconBackgroundColor?: string
  iconColor?: string
  iconSize?: number
  inputBackgroundColor?: string
  inputBorderColor?: string
  inputBorderRadius?: number | string
  inputBorderWidth?: number | string
  inputHeight?: number
  inputOutlineColor?: string
  inputOutlineOffset?: number
  inputOutlineWidth?: number | string
  inputShadow?: string
  inputWidth?: number
  labelColor?: string
  labelFontName?: string
  labelFontSize?: number
  labelFontWeight?: number
  labelLineHeight?: number
  labelMarginLeft?: number
  descriptionFontName?: string
  descriptionFontSize?: number
  descriptionFontWeight?: number
  descriptionLineHeight?: number
  descriptionMarginLeft?: number
  descriptionFontColor?: string
}

export type CheckboxVariants = {
  iconVerticalAlign?: 'top' | 'center'
}

export type CheckboxProps = {
  checked?: boolean
  defaultChecked?: boolean
  error?: boolean
  feedback?: string
  id?: string
  inactive?: boolean
  label?: string
  description?: string
  name?: string
  onChange?: (value: boolean, event: any) => void
  tokens?: CheckboxTokens
  value?: string | number | boolean
  variant?: CheckboxVariants
  style?: StyleProp<ViewStyle>
  labelStyle?: StyleProp<TextStyle>
  containerStyle?: StyleProp<ViewStyle>
  pointerEvents?: 'all' | 'none' | 'box-only' | 'box-none'
  onLayout?: (event: any) => void
  nativeID?: string
  testID?: string
  dataSet?: Record<string, any>
  accessibilityLabel?: string
  accessibilityRole?: string
  accessible?: boolean
}

declare const Checkbox: ComponentType<CheckboxProps>

export { Checkbox }