import { default as React } from 'react';
import { DeepPartial, HeadingLevel } from '../../types';
import { BubbleHeadingTheme } from './theme';
export interface BubbleHeadingProps {
    children: string;
    minWeight?: number;
    maxWeight?: number;
    step?: number;
    /**
     * If true, the text will be bold when not hovered
     */
    opposite?: boolean;
    as?: HeadingLevel;
    className?: string;
    theme?: DeepPartial<BubbleHeadingTheme>;
    transitionDuration?: number;
}
/**
 * BubbleHeading component
 * @description The BubbleHeading component is used to create an important text that changes it's weight when hovered over with a smooth transition. Useful for titles and headings.
 *
 */
export declare const BubbleHeading: React.FC<BubbleHeadingProps>;
//# sourceMappingURL=BubbleHeading.d.ts.map