import type { utils, Colors } from '@fuel-ui/css';
import type { CreateComponent, HTMLProps } from '~/utils';
import type { Components } from '~/utils/components-list';
import type { IconProps } from '../Icon';
export type HeadingProps = HTMLProps['h1'] & {
    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | string;
    fontSize?: utils.TextSizes;
    color?: Colors;
    iconSize?: number;
    iconColor?: Colors;
    leftIcon?: IconProps['icon'];
    rightIcon?: IconProps['icon'];
    leftIconAriaLabel?: string;
    rightIconAriaLabel?: string;
};
export type HeadingDef = CreateComponent<{
    type: 'h3';
    props: HeadingProps;
    element: HTMLHeadingElement;
    component: Components.Heading;
    styles: 'root';
}>;