import { ReactNode } from 'react';
import { FontSize, ResponsiveValue } from './types';
declare type VariantBase<BaseInterface, FontFamily> = BaseInterface & {
    $headingFontFamily?: FontFamily;
};
declare type ManualVariant<BaseVariant, FontWeight, FontSize> = BaseVariant & {
    $headingFontWeight?: FontWeight;
    $headingFontSize?: ResponsiveValue<FontSize>;
};
declare type PresetVariant<BaseVariant, PresetName> = BaseVariant & {
    $headingPreset: PresetName;
};
declare type DynamicVariant<ManualVariant, PresetVariant> = ManualVariant | PresetVariant;
declare type Variant<BaseInterface, FontFamily, FontWeight, FontSize, PresetName> = DynamicVariant<ManualVariant<VariantBase<BaseInterface, FontFamily>, FontWeight, FontSize>, PresetVariant<VariantBase<BaseInterface, FontFamily>, PresetName>>;
interface BaseHeadingProps {
    as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
    children?: ReactNode;
    $headingColor?: 'black' | 'white' | 'blue' | 'inherit';
}
declare type GroteskHeadingFontFamily = 'grotesk';
declare type DisplayHeadingFontFamily = 'display';
declare type GroteskHeadingPresetName = 'error';
declare type DisplayHeadingPresetName = 'hero';
export declare type GroteskHeadingFontSize = Extract<16 | 18 | 20 | 24 | 28 | 32 | 36 | 40 | 48, FontSize>;
declare type DisplayHeadingFontSize = Extract<20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64, FontSize>;
declare type GroteskHeadingFontWeight = 'regular';
declare type DisplayHeadingFontWeight = 'regular' | 'medium';
export declare type GroteskHeadingProps = Variant<BaseHeadingProps, GroteskHeadingFontFamily, GroteskHeadingFontWeight, GroteskHeadingFontSize, GroteskHeadingPresetName>;
export declare type DisplayHeadingProps = Variant<BaseHeadingProps, DisplayHeadingFontFamily, DisplayHeadingFontWeight, DisplayHeadingFontSize, DisplayHeadingPresetName>;
export declare type HeadingProps = (GroteskHeadingProps | DisplayHeadingProps) & {
    $headingFontFamily: GroteskHeadingFontFamily | DisplayHeadingFontFamily;
};
export declare const declareHeadingStyles: (props: HeadingProps) => string;
export declare const headingCSS: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<HeadingProps, any>>;
export declare const Heading: import("styled-components").StyledComponent<"p", any, HeadingProps, never>;
export declare const DisplayHeading: import("styled-components").StyledComponent<"p", any, DynamicVariant<ManualVariant<VariantBase<BaseHeadingProps, "display">, import("./types").DisplayFontWeight, 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64>, PresetVariant<VariantBase<BaseHeadingProps, "display">, "hero">>, never>;
export declare const GroteskHeading: import("styled-components").StyledComponent<"p", any, DynamicVariant<ManualVariant<VariantBase<BaseHeadingProps, "grotesk">, "regular", 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40 | 48>, PresetVariant<VariantBase<BaseHeadingProps, "grotesk">, "error">>, never>;
export {};
//# sourceMappingURL=Heading.d.ts.map