import React, { PropsWithChildren } from 'react';
export type Typo = keyof typeof typographyList;
export type TypoProps = PropsWithChildren<{
    lg?: Typo;
    sm?: Typo;
    color?: string;
    textAlign?: string;
    fontWeight?: string;
    className?: string;
    element?: string;
    'data-element-name'?: string;
}>;
export type OwnProps = {
    md: Typo;
};
export type BaseTypographyProps = TypoProps & OwnProps;
export declare const typographyList: {
    Headline1: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Headline2: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Headline3: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Headline4: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Headline5: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Headline6: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Title1: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Title2: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Title3: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Title4: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Body1: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
    Body2: (args?: import("../../TextStyles").TextStyleProperties | undefined) => import("@emotion/react").SerializedStyles;
};
/**
 * @param lg - pc size typography
 * @param md - OwnProps 로 분류되어 lg, sm이 공통일 경우 md하나로 사용 가능하다.
 * @param sm - mobile size typography
 */
export declare const BaseTypography: (props: BaseTypographyProps) => React.JSX.Element;
