import React, { CSSProperties, ReactNode } from 'react'; import './Link.css'; import { IconProps } from '../../Icon2'; export type LinkProps = { children: ReactNode; /** * Specify the URL where the text is to be linked. */ href?: string; /** * Pass the function to be triggered when the link is clicked on. */ cbOnClick?: Function; /** * Set the type of link to “external” when you want the icon and text to be made clickable */ type?: 'external'; /** * Specify where to display the end response. It can be set to “_blank,” “_self,” “_parent,” or “_top”. */ target?: '_blank' | '_self' | '_parent' | '_top'; /** * Make the link text bolder. You can set it to “bold,” “regular,” or “semi-bold”. */ fontWeight?: 'bold' | 'regular' | 'semi-bold'; /** * Set the font-size of link text */ fontSize?: 'tiny' | 'small' | 'medium' | 'large' | 'regular' | 'max'; /** * Add styles to the component. */ style?: CSSProperties; /** * Add a custom icon, set this prop to the name of the icon. */ iconName?: string; /** * Pass the class names to be appended to this prop. */ className?: string; /** * Display an underline below the hyperlink, set this prop to “true”, else set it to “false”. */ underline?: boolean; /** * Change the underline style of the link to either “dashed” or “solid”. */ underLineType?: 'dashed' | 'solid'; /** * Change the color of the link text. You can set it to ”link”, “white” or "basic". */ fontColor?: 'white' | 'link' | 'basic'; /** * Pass an ID that you can use for testing purposes. */ testId?: string; /** * Pass additional props for icon */ iconProps?: Partial; }; declare const Link: (props: LinkProps) => React.JSX.Element; export default Link;