/**
 * @license EUPL-1.2+
 * Copyright (c) 2021 Robbert Broersma
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
export declare const headingLevels: readonly [1, 2, 3, 4];
type HeadingLevel = (typeof headingLevels)[number];
export type HeadingProps = {
    /** Changes the text colour for readability on a dark background. */
    color?: 'inverse';
    /** The hierarchical level within the document. */
    level: HeadingLevel;
    /** Uses larger or smaller text without changing its position in the heading hierarchy. */
    size?: 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5';
} & PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>;
/**
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-heading--docs Heading docs at Amsterdam Design System}
 */
export declare const Heading: import("react").ForwardRefExoticComponent<{
    /** Changes the text colour for readability on a dark background. */
    color?: "inverse";
    /** The hierarchical level within the document. */
    level: HeadingLevel;
    /** Uses larger or smaller text without changing its position in the heading hierarchy. */
    size?: "level-1" | "level-2" | "level-3" | "level-4" | "level-5";
} & HTMLAttributes<HTMLHeadingElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLHeadingElement>>;
export {};