import { Component } from 'react';
import type { LinkProps, LinkState, LinkStyleProps } from './props';
import type { ViewOwnProps } from '@instructure/ui-view/v11_6';
/**
---
category: components
---
**/
declare class Link extends Component<LinkProps, LinkState> {
    static readonly componentId = "Link";
    static allowedProps: readonly (keyof {
        children: React.ReactNode;
        href?: string;
        color?: "link" | "link-inverse";
        elementRef?: (element: Element | null) => void;
        as?: import("@instructure/shared-types").AsElementType;
        role?: string;
        forceButtonRole?: boolean;
        interaction?: "enabled" | "disabled";
        margin?: import("@instructure/emotion").Spacing;
        renderIcon?: import("@instructure/shared-types").Renderable;
        iconPlacement?: "start" | "end";
        display?: "auto" | "block" | "inline-block" | "flex" | "inline-flex";
        isWithinText?: boolean;
        onBlur?: (event: React.FocusEvent<ViewOwnProps>) => void;
        onClick?: (event: React.MouseEvent<ViewOwnProps>) => void;
        onFocus?: (event: React.FocusEvent<ViewOwnProps>) => void;
        onMouseEnter?: (event: React.MouseEvent<ViewOwnProps>) => void;
        variant?: "inline" | "inline-small" | "standalone" | "standalone-small";
    })[];
    static defaultProps: {
        readonly interaction: undefined;
        readonly color: "link";
        readonly iconPlacement: "start";
        readonly isWithinText: true;
        readonly forceButtonRole: true;
    };
    state: {
        hasFocus: boolean;
    };
    get _link(): Element | null;
    ref: Element | null;
    componentDidMount(): void;
    componentDidUpdate(): void;
    makeStyleProps: () => LinkStyleProps;
    handleElementRef: (el: Element | null) => void;
    handleClick: React.MouseEventHandler<ViewOwnProps>;
    handleFocus: React.FocusEventHandler<ViewOwnProps>;
    handleBlur: React.FocusEventHandler<ViewOwnProps>;
    get containsTruncateText(): boolean;
    get display(): "auto" | "block" | "inline-block" | "flex" | "inline-flex";
    get interaction(): import("@instructure/ui-react-utils").InteractionType;
    get element(): import("react").ComponentClass<any, any> | import("react").ComponentClass<Readonly<LinkProps>, any> | import("react").FunctionComponent<Readonly<LinkProps>> | NonNullable<import("@instructure/shared-types").AsElementType | undefined>;
    get focused(): boolean;
    get focusable(): Element[];
    get hasVisibleChildren(): boolean;
    get role(): string | undefined;
    focus(): void;
    renderIcon(): import("@emotion/react/jsx-runtime").JSX.Element;
    render(): import("@emotion/react/jsx-runtime").JSX.Element;
}
export default Link;
export { Link };
//# sourceMappingURL=index.d.ts.map