import { default as React } from 'react';
export interface HeadingProps {
    /** Heading content */
    children: React.ReactNode;
    /** Heading level */
    level?: 1 | 2 | 3 | 4 | 5 | 6;
    /** Size (independent of level for semantic flexibility) */
    size?: '4xl' | '3xl' | '2xl' | 'xl' | 'lg' | 'base';
    /** Weight variant */
    weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
    /** Color variant */
    color?: 'default' | 'muted' | 'primary';
    /** Text alignment */
    align?: 'left' | 'center' | 'right';
    /** Additional className */
    className?: string;
}
/**
 * Heading Component
 *
 * Semantic heading component with flexible sizing and styling.
 * Level determines HTML element, size controls visual appearance.
 *
 * @example
 * ```tsx
 * <Heading level={1} size="4xl">
 *   Page Title
 * </Heading>
 * ```
 *
 * @example
 * ```tsx
 * <Heading level={2} size="xl" color="primary">
 *   Section Title
 * </Heading>
 * ```
 */
export declare const Heading: React.FC<HeadingProps>;
//# sourceMappingURL=heading.d.ts.map