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

export type ChevronLinkTokens = {
  fontSize?: number
  color?: string
  outerBorderColor?: string
  leftIcon?: IconProps
  rightIcon?: IconProps
  iconDisplace?: number
  iconSize?: number
  iconSpace?: number
  textLine?: string
  textLineStyle?: string
  outerBorderWidth?: number
  outerBorderOutline?: string
  borderRadius?: number
  blockFontName?: string
  blockFontWeight?: number
  blockFontSize?: number
  blockLineHeight?: number
  icon?: IconProps
  iconTranslateX?: number
  iconTranslateY?: number
  alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'
}

export interface ChevronLinkProps {
  testID?: string
  children?: ReactNode
  onPress?: () => void
  onPressIn?: () => void
  onPressOut?: () => void
  disabled?: boolean
  href?: string
  hrefAttrs?: HrefProps
  accessibilityRole?: string
  accessibilityLabel?: string
  tokens?: ChevronLinkTokens
  direction?: IconPositionLeftRight
  variant?: LinkAndTextButtonVariants
  dataSet?: Record<string, any>
}

export interface HrefProps {
  download: string
  rel: string
  target: string
}

declare const ChevronLink: ComponentType<ChevronLinkProps>

export { ChevronLink }