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

export interface IconProps {
  scalesWithText?: boolean
  variant?: IconVariant
  tokens?: IconTokens
  icon: ComponentType<any>
  accessibilityLabel?: string
  style?: StyleProp<ViewStyle>
  testID?: string
  dataSet?: Record<string, any>
}

export interface IconTokens {
  size?: number | string
  color?: string
  scale?: number
  translateX?: number
  translateY?: number
}

export type IconVariant = {
  color?: 'default' | 'brand' | 'subtle' | 'success' | 'warning' | 'danger' | 'inverse'
  size?: 'micro' | 'small' | 'large' | 'extraLarge'
}

export type IconPositionLeftRight = 'left' | 'right' | 'inline'

declare const Icon: ComponentType<IconProps>

export { Icon }