import React from 'react'; import { IconDefinition } from '../../atoms/Icon/index'; /** * Status: *finished*. * Category: Links * * The target attribute is set to '_self' which is the default value if the attribute is not specified. * If you rather prefer to open the linked document in a new browser window or tab, you can set the target to '_blank' instead. * * Our links have _two visual means_ of being identified: an underline and bolder font. */ export interface isLink { type?: 'link'; /** * Choose between 'arrow-left' and 'arrow-right' icon. * * 'back-icon' & 'forward-icon' are deprecated! * * look on Icon component when using bubble-link */ icon?: 'arrow-left' | 'arrow-right' | 'back-icon' | 'forward-icon'; } export interface isBubbleLink { type?: 'bubble-link'; icon?: IconDefinition; } export interface CommonLinkProps { className?: string; /** * The text to display in the component. We prefer to use `children` instead. * @deprecated Use `children` instead. */ text?: React.ReactNode; /** * Content of this link. */ children?: React.ReactNode; target?: string; href: string; style?: React.CSSProperties; /** * Set position of icon (before or after) */ iconPosition?: 'before' | 'after'; iconColor?: 'core-purple' | 'black' | 'white'; /** * Only true if Link are on a dark background */ negative?: boolean; type?: 'link' | 'bubble-link'; inverted?: boolean; /** * ...rest are defined as any */ [key: string]: any; } export declare type LinkProps = (isLink | isBubbleLink) & CommonLinkProps; export declare const Link: (props: LinkProps) => JSX.Element; export default Link;