import * as React from "react";
import { ReactNode, Ref } from "react";
import { AnchorElementProps } from "@stenajs-webui/core";
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
export interface LinkRenderProps extends AnchorElementProps {
    className: string;
    children?: ReactNode;
    ref?: Ref<HTMLAnchorElement>;
}
export interface LinkProps extends AnchorElementProps {
    disabled?: boolean;
    disableTabIndex?: boolean;
    iconLeft?: IconDefinition;
    iconRight?: IconDefinition;
    variant?: LinkVariant;
    size?: LinkSize;
    /** Render the link as a custom element (e.g. a router link).
     * Spread the supplied props onto your element to inherit styling, ref and anchor props. */
    render?: (props: LinkRenderProps) => ReactNode;
}
export type LinkVariant = "standard" | "caption" | "overline" | "bold";
export type LinkSize = "large" | "medium" | "small" | "smaller";
export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;