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

export type TooltipTokens = {
  backgroundColor?: string
  paddingTop?: number
  paddingBottom?: number
  paddingLeft?: number
  paddingRight?: number
  borderRadius?: number
  shadow?: string
  color?: string
  fontSize?: number
  lineHeight?: number
  fontName?: string
  fontWeight?: number
  arrowWidth?: number
  arrowBorderRadius?: number
  arrowOffset?: number
}

export type TooltipVariants = {
  inverse?: boolean
}

export interface TooltipProps {
  children?: ReactNode
  content: string | ReactNode
  copy?: CopyType
  position?: Position
  inline?: boolean
  onPress?: () => void
  nativeID?: string
  tokens?: TooltipTokens
  variant?: TooltipVariants
  accessibilityRole?: string
  accessibilityLabel?: string
  accessible?: boolean
  testID?: string
}

declare const Tooltip: ComponentType<TooltipProps>

export { Tooltip }