/// <reference types="react" />
import { AppearanceProps, MarginProps } from "@apptane/react-ui-core";
import { IconData } from "@apptane/react-ui-icon";
import { HyperlinkAppearance, HyperlinkVisualAppearance } from "@apptane/react-ui-theme";
import PropTypes from "prop-types";
import { TextProps } from "./Text.types.js";
export interface HyperlinkProps extends MarginProps, TextProps, AppearanceProps<HyperlinkVisualAppearance, HyperlinkAppearance> {
    /**
     * Indicates whether link must be rendered decorated (underlined)
     * when in hover or focused state.
     */
    decorated?: boolean;
    /**
     * Callback invoked when link is clicked.
     */
    onClick?: React.MouseEventHandler;
    /**
     * Anchor reference.
     */
    href?: string;
    /**
     * Anchor title.
     */
    title?: string;
    /**
     * Anchor target.
     */
    target?: string;
    /**
     * Indicates whether link must be rendered in a disabled state.
     */
    disabled?: boolean;
    /**
     * Size of the icon in pixels. Icon has the same width and height.
     * Defaults to 16 pixels.
     */
    iconSize?: number;
    /**
     * Name of the icon to render after the link's content.
     * Must be a name supported by `Icon` component.
     */
    iconAfterName?: string;
    /**
     * Vector data of the icon to render after the link's content.
     * See `Icon` component for details.
     */
    iconAfterData?: IconData;
    /**
     * Name of the icon to render before the link's content.
     * Must be a name supported by `Icon` component.
     */
    iconBeforeName?: string;
    /**
     * Vector data of the icon to render before the link's content.
     * See `Icon` component for details.
     */
    iconBeforeData?: IconData;
    /**
     * Indicates whether it must be rendered as a block element.
     */
    block?: boolean;
}
export declare const HyperlinkPropTypes: {
    colorMode: PropTypes.Requireable<import("@apptane/react-ui-core").ColorMode>;
    appearance: PropTypes.Requireable<HyperlinkAppearance | ((...args: any[]) => any)>;
    decorated: PropTypes.Requireable<boolean>;
    onClick: PropTypes.Requireable<(...args: any[]) => any>;
    disabled: PropTypes.Requireable<boolean>;
    href: PropTypes.Requireable<string>;
    title: PropTypes.Requireable<string>;
    target: PropTypes.Requireable<string>;
    iconSize: PropTypes.Requireable<number>;
    iconAfterName: PropTypes.Requireable<string>;
    iconAfterData: PropTypes.Requireable<PropTypes.InferProps<{
        viewBox: PropTypes.Requireable<string>;
        svg: PropTypes.Requireable<PropTypes.ReactNodeLike>;
    }>>;
    iconBeforeName: PropTypes.Requireable<string>;
    iconBeforeData: PropTypes.Requireable<PropTypes.InferProps<{
        viewBox: PropTypes.Requireable<string>;
        svg: PropTypes.Requireable<PropTypes.ReactNodeLike>;
    }>>;
    block: PropTypes.Requireable<boolean>;
    margin: PropTypes.Requireable<string | number>;
    marginTop: PropTypes.Requireable<string | number>;
    marginRight: PropTypes.Requireable<string | number>;
    marginBottom: PropTypes.Requireable<string | number>;
    marginLeft: PropTypes.Requireable<string | number>;
    m: PropTypes.Requireable<string | number>;
    mt: PropTypes.Requireable<string | number>;
    mr: PropTypes.Requireable<string | number>;
    mb: PropTypes.Requireable<string | number>;
    ml: PropTypes.Requireable<string | number>;
    color: PropTypes.Requireable<string>;
    alignment: PropTypes.Requireable<import("@apptane/react-ui-core").ContentAlignment>;
    nowrap: PropTypes.Requireable<boolean>;
    ellipsis: PropTypes.Requireable<boolean>;
    category: PropTypes.Requireable<import("@apptane/react-ui-core").TypographyCategory>;
    size: PropTypes.Requireable<string | number>;
    weight: PropTypes.Requireable<number | import("@apptane/react-ui-core").FontWeight>;
    lineHeight: PropTypes.Requireable<string | number>;
    spacing: PropTypes.Requireable<string | number>;
    mono: PropTypes.Requireable<boolean>;
};