import { IHtmlHeadingProps } from "../types";
/**
 * The `Heading` component is a wrapper around the `h1` - `h6` HTML elements.
 * It supports the standard `level` prop, which must be one of the following:
 * - A number between 1 and 6 (inclusive)
 * - A string in the format `"hX"` (where `X` is a number between 1 and 6 inclusive)
 *
 * This component also supports the standard `variant` and `className` props.
 *
 * @example
 * // Using the level prop
 * <Heading level={3}>Heading level 3</Heading>
 *
 * @example
 * // Using the level prop with a number
 * <Heading level={6}>Heading level 6</Heading>
 *
 * @example
 * // Using the level prop with a string
 * <Heading level="h5">Heading level 5</Heading>
 *
 * @example
 * // Using the variant and className props
 * <Heading variant="primary" className="text-lg">Heading with variant and custom class</Heading>
 */
export declare function Heading({ level, variant, className, ...props }: IHtmlHeadingProps & {
    level: IHHeadingLevel;
}): import("react/jsx-runtime").JSX.Element;
export declare namespace Heading {
    var displayName: string;
}
/**
 * A shortcut for `<Heading level={1}>`.
 * @example
 * <H1>Heading level 1</H1>
 */
export declare function H1(props: IHtmlHeadingProps): import("react/jsx-runtime").JSX.Element;
export declare namespace H1 {
    var displayName: string;
}
/**
 * A shortcut for `<Heading level={2}>`.
 * @example
 * <H2>Heading level 2</H2>
 */
export declare function H2(props: IHtmlHeadingProps): import("react/jsx-runtime").JSX.Element;
export declare namespace H2 {
    var displayName: string;
}
/**
 * A shortcut for `<Heading level={3}>`.
 * @example
 * <H3>Heading level 3</H3>
 */
export declare function H3(props: IHtmlHeadingProps): import("react/jsx-runtime").JSX.Element;
export declare namespace H3 {
    var displayName: string;
}
/**
 * A shortcut for `<Heading level={4}>`.
 * @example
 * <H4>Heading level 4</H4>
 */
export declare function H4(props: IHtmlHeadingProps): import("react/jsx-runtime").JSX.Element;
export declare namespace H4 {
    var displayName: string;
}
/**
 * A shortcut for `<Heading level={5}>`.
 * @example
 * <H5>Heading level 5</H5>
 */
export declare function H5(props: IHtmlHeadingProps): import("react/jsx-runtime").JSX.Element;
export declare namespace H5 {
    var displayName: string;
}
/**
 * A shortcut for `<Heading level={6}>`.
 * @example
 * <H6>Heading level 6</H6>
 */
export declare function H6(props: IHtmlHeadingProps): import("react/jsx-runtime").JSX.Element;
export declare namespace H6 {
    var displayName: string;
}
type IHHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
export {};