import type { ComponentType, ReactNode } from 'react'
import { IconPositionLeftRight, IconProps } from './Icon'

export interface LinkProps {
  href?: string
  onPress?: () => void
  disabled?: boolean
  tokens?: LinkTokens
  accessibilityRole?: string
  accessibilityLabel?: string
  variant?: LinkAndTextButtonVariants
  iconProps?: IconProps
  icon?: ComponentType<any>
  iconPosition?: IconPositionLeftRight
  testID?: string
  children?: ReactNode
  hrefAttrs?: HrefAttrs
  pointerEvents?: 'all' | 'none' | 'box-only' | 'box-none'
  onLayout?: (event: any) => void
  nativeID?: string
  dataSet?: Record<string, any>
}

export interface HrefAttrs {
  download?: string
  rel?: string
  target?: string
}

export enum LinkSize {
  micro = 'micro',
  small = 'small',
  large = 'large'
}

export type LinkAndTextButtonVariants = {
  size?: 'large' | 'small' | 'micro'
  style?: 'inline' | 'subtle' | 'feature' | 'danger' | 'inverse'
}

export type LinkTokens = {
  color?: string
  textLine?: string
  textLineStyle?: string
  outerBorderColor?: string
  outerBorderWidth?: number
  outerBorderGap?: number | string
  outerBorderOutline?: string
  borderRadius?: number
  blockFontName?: string
  blockFontWeight?: number
  blockFontSize?: number
  blockLineHeight?: number
  icon?: string
  iconSize?: number
  iconSpace?: number
  iconTranslateX?: number
  iconTranslateY?: number
  alignSelf?: string
}

declare const Link: ComponentType<LinkProps>

export { Link }