import { default as React } from 'react';
import { ChildrenLayoutProps } from '../../utils/generate-styling';

/** -------------------------------------------------------------------------------------------------
 * Heading
 * -----------------------------------------------------------------------------------------------*/
declare const headingVariants: readonly ["title-100", "title-200", "title-300", "title-400", "title-500", "title-600", "title-700", "subsection-100", "display-25", "display-50", "display-100", "display-200"];
export type HeadingVariant = (typeof headingVariants)[number];
type HeadingAsChildProps = {
    asChild: true;
    as?: never;
} & React.ComponentPropsWithoutRef<'h1'>;
type HeadingAsProps = {
    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
    asChild?: false;
} & React.ComponentPropsWithoutRef<'h1'>;
type RootProps = {
    /**
     * EnableHyphenation
     * The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines.
     * https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
     */
    enableHyphenation?: boolean;
    variant?: HeadingVariant;
} & ChildrenLayoutProps & (HeadingAsChildProps | HeadingAsProps);
declare const Heading: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLHeadingElement>> & {
    headingVariants: readonly ["title-100", "title-200", "title-300", "title-400", "title-500", "title-600", "title-700", "subsection-100", "display-25", "display-50", "display-100", "display-200"];
};
type HeadingProps = {
    Root: RootProps;
    headingVariants: typeof headingVariants;
    AsChildProps: HeadingAsChildProps;
    AsProps: HeadingAsProps;
};
export { Heading };
export type { HeadingProps };