/** @jsxRuntime classic */
/** @jsx jsx */
import { ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { ETypography, ETypographyColor } from '../../types/theme';
export declare const H1: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const H2: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const H3: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const H4: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Body1Accented: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Body1: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Body1Link: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const CTA1: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Body2Accented: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Body2: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Body2Link: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const CTA2: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const CaptionAccented: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Caption: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const CaptionLink: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const CaptionCTA: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const OverlineAccented: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Overline: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const OverlineLink: ({ color, children, ...props }: {
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;
export declare const Typography: ({ type, color, children, ...props }: {
    type: ETypography;
    color: ETypographyColor;
    children: ReactNode | string;
}) => jsx.JSX.Element;