import { Theme } from '../theme/index.js';
import { HeadingColors, HeadingSizes } from './types.js';
export declare const sizes: {
    sm: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    md: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
    lg: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
};
declare type InjectedProps = {
    $color: HeadingColors;
    theme: Theme;
};
export declare const HeadingStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InjectedProps & {
    $size: HeadingSizes;
}, never>;
export declare const H1Style: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, InjectedProps, never>;
export declare const H2Style: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, InjectedProps, never>;
export declare const H3Style: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, InjectedProps, never>;
export {};
//# sourceMappingURL=HeadingStyles.d.ts.map