import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import _emotion_styled__default from '@emotion/styled';
import './colors.js';
import '@emotion/react';
import '@emotion/css';
import './fonts/typographyTokens.js';

declare const HeadingTypes: readonly ["h1", "h2", "h3", "h4"];
type HeadingType = (typeof HeadingTypes)[number];
declare const marginPx: readonly [0, 8, 12, 16, 24, 32, 40];
type MarginPx = (typeof marginPx)[number];
type StyledHeadingBaseProps = {
    mt: MarginPx;
    mb: MarginPx;
    mtSm: MarginPx;
    mbSm: MarginPx;
    light?: boolean;
};
type StyledHeadingType = ReturnType<typeof _emotion_styled__default.h2<StyledHeadingProps>>;
declare const headings: {
    [K in HeadingType]: StyledHeadingType;
};
type HeadingProps = Partial<StyledHeadingBaseProps> & {
    children?: React.ReactNode;
    type?: HeadingType;
    id?: string;
    m0?: boolean;
};
declare function Heading({ children, type, id, mt, mb, mtSm, mbSm, m0, light, }: HeadingProps): _emotion_react_jsx_runtime.JSX.Element;
declare function headingWithDefaults(defaultProps: HeadingProps): (props: HeadingProps) => _emotion_react_jsx_runtime.JSX.Element;

export { Heading, HeadingProps, headingWithDefaults, headings };
