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