import { IconProp } from '../icon'
import { SystemProps, TypographyProps } from '../system'
import { ThemingProps } from '../theme'

export type LinkProps = SystemProps &
  ThemingProps<'Link'> & {
    /** Deprecated. Please use variant instead. @deprecated  */
    colorScheme?: 'blue' | 'white'
    /** Alias for textDecoration prop. @deprecated */
    decoration?: TypographyProps['textDecoration']
    /** Alias for hoverTextDecoration prop. @deprecated */
    hoverDecoration?: TypographyProps['textDecoration']
    /** Href attribute value for the a tag. */
    href?: string
    /** Socket displaying an icon on the left. */
    iconLeft?: IconProp | JSX.Element
    /** Socket displaying an icon on the right. */
    iconRight?: IconProp | JSX.Element
    /** Opens the link in new tab with appropriate attributes. */
    isExternal?: boolean
    /** Displays permanent underline. */
    isUnderlined?: boolean
    /** Socket displaying text within the Link. */
    text?: number | string | JSX.Element
    /** Alias for fontWeight prop. @deprecated */
    weight?: TypographyProps['fontWeight']
  }
