import React from "react";
import { TypographyVariant } from "../theme";
export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
    /**
     * Typographyの実態を特定の要素に変えることが出来ます。
     * variantも指定しない場合のデフォルトは"p"ですが、bodyを指定した場合は"p"、captionまたはbuttonを指定した場合は"span"、それ以外の場合はvariantと同じものがデフォルトになります。
     *
     * @default "p"
     */
    as?: "span" | "pre" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "div";
    /**
     * 文字の色を決定します。
     *
     * @default "inherit"
     */
    color?: "initial" | "inherit" | "primary" | "secondary" | "error" | "accent" | "textPrimary" | "textSecondary" | "textDisabled" | "textHint";
    /**
     * どのようなタイポグラフィを適用するかを指定します。
     *
     * @default "body"
     */
    variant?: TypographyVariant;
    /**
     * 文字の位置を指定します。
     *
     * @default "inherit"
     */
    align?: "inherit" | "left" | "center" | "right" | "justify";
    /**
     * フォント太くします。
     *
     * @default false
     */
    bolder?: boolean;
    /**
     * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。
     *
     * @default undefined
     */
    clamp?: number;
}
export declare const getHtmlTag: (variant: TypographyVariant) => "h1" | "h2" | "h3" | "h4" | "h5" | "p" | "span";
export declare const Typography: ({ as, variant, color, align, bolder, clamp, ...others }: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;