import type { FC, DetailedHTMLProps, HTMLAttributes } from 'react'; import type { LinkTarget } from '../../components/link/pharos-link'; export interface PharosLinkProps extends DetailedHTMLProps, HTMLElement> { /** * Indicates the MIME type of the target. */ type?: string | undefined; /** * Indicates the link should not have text decoration by default. */ subtle?: boolean; /** * Indicates the link is on a AA compliant background. */ isOnBackground?: boolean; /** * Indicates the aria-label to apply to the link. */ a11yLabel?: string | undefined; /** * Indicates if the link should be bold. */ bold?: boolean; /** * Indicates if the link should display as a flex container. Known bug if using link with a nested header: while in a focus state, a blue outline is not rendered on Chrome and Safari, but it works as expected on Firefox. See here for more details https://github.com/ithaka/pharos/issues/485 Temporary workaround: Enable `flex` so that the element layout is rendered and displays the outline. */ flex?: boolean; /** * Indicates the link is hidden until focused and skips to another element when clicked. */ skip?: boolean; /** * Indicates the link should not have a hover state. */ noHover?: boolean; /** * Indicates if the link should render the visited link styling. */ indicateVisited?: boolean; /** * Indicates to save the linked URL instead of navigating to it. */ download?: string | undefined; /** * Indicates the URL that the hyperlink points to. */ href?: string | undefined; /** * Indicates the language of the linked URL. */ hreflang?: string | undefined; /** * Indicates the URLs to ping. */ ping?: string | undefined; /** * Indicates the type of link. */ rel?: string | undefined; /** * Indicates where to display the linked URL. */ target?: LinkTarget | undefined; } export declare const PharosLink: FC; //# sourceMappingURL=pharos-link.d.ts.map