import type { ComponentType } from 'react'
import { CopyType } from './Common'

export type ToggleSwitchTokens = {
  borderColor?: string
  borderWidth?: number
  borderRadius?: number
  outerBorderColor?: string
  outerBorderWidth?: number
  outerBorderGap?: number
  outerBackgroundColor?: string
  backgroundColor?: string
  opacity?: number
  paddingLeft?: number
  paddingRight?: number
  paddingTop?: number
  paddingBottom?: number
  shadow?: string
  alignSelf?: string
  space?: number
  icon?: any
  trackHeight?: number
  outerBorderGapButton?: number
  width?: number
  trackBorderWidth?: number
  trackBorderColor?: string
  trackBorderRadius?: number
  iconSize?: number
  iconColor?: string
  labelColor?: string
  labelFontName?: string
  labelFontWeight?: number
  labelLineHeight?: number
  labelMarginLeft?: number
  switchSize?: number
  switchColor?: string
  switchBorderColor?: string
  switchBorderWidth?: number
  switchBorderRadius?: number
  switchShadow?: string
  switchOffset?: number
}

export interface ToggleSwitchProps {
  label?: string
  initialValue?: boolean
  value?: boolean
  onChange?: (value: boolean) => void
  accessibilityLabel?: string
  tooltip?: string
  inactive?: boolean
  copy?: CopyType
  id?: string
  testID?: string
  tokens?: ToggleSwitchTokens
  togglePosition?: 'start' | 'end'
  pointerEvents?: 'all' | 'none' | 'box-only' | 'box-none'
  onLayout?: (event: any) => void
  nativeID?: string
  dataSet?: Record<string, any>
}

declare const ToggleSwitch: ComponentType<ToggleSwitchProps>

export { ToggleSwitch }