import * as _emotion_styled from '@emotion/styled';
import * as react from 'react';
import { ReactNode } from 'react';
import * as _emotion_react from '@emotion/react';
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import { TypographyTypeKey, TokenSizeKey } from '../../styles/tokens/typography.js';

type ArticleProps = {
    defaultTypography?: {
        type: TypographyTypeKey;
        size: TokenSizeKey;
    };
    children: ReactNode;
};
declare function Article({ defaultTypography, children }: ArticleProps): _emotion_react_jsx_runtime.JSX.Element;
type StyledArticleProps = {
    type: TypographyTypeKey;
    size: TokenSizeKey;
};
declare const StyledArticle: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme;
    as?: React.ElementType;
} & StyledArticleProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

export { Article, StyledArticle };
