import { ElementType, HTMLAttributes, ReactElement, ReactNode } from "react";
import { ClassNameCloneableChild } from "@react-md/utils";
/**
 * A union of all the material design provided typography styles. When used with
 * the Text component, this will generate the correct typography className to
 * apply and determine what component to be rendered as if none was provided.
 */
export declare type TextTypes = "headline-1" | "headline-2" | "headline-3" | "headline-4" | "headline-5" | "headline-6" | "subtitle-1" | "subtitle-2" | "body-1" | "body-2" | "caption" | "overline" | "button";
export declare type TextAlign = "left" | "center" | "right";
export declare type TextDecoration = "underline" | "overline" | "line-through";
export declare type TextTransform = "capitalize" | "uppercase" | "lowercase";
export declare type TextWeight = "thin" | "light" | "regular" | "medium" | "bold" | "semi-bold" | "black";
export declare type TextColor = "secondary" | "hint" | "theme-primary" | "theme-secondary" | "theme-warning" | "theme-error";
export declare type FontStyle = "italic" | "oblique" | "normal";
/**
 * A union of the default supported elements that the `Text` component can be
 * rendered as. This is mostly used for adding the correct HTMLAttributes and
 * enabling the forward ref.
 */
export declare type TextElement = HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLDivElement | HTMLButtonElement | HTMLAnchorElement | HTMLBodyElement | HTMLHtmlElement;
export declare type TextRenderFunction = (props: {
    className: string;
}) => ReactElement;
export interface TextProps extends HTMLAttributes<TextElement> {
    /**
     * An optional className to merge into typography styles.
     */
    className?: string;
    /**
     * The component to render as when the children are not a render function. If
     * this prop is omitted, the component will be determined by the `type` prop
     * where:
     *
     * - `"headline-1" -> <h1>`
     * - `"headline-2" -> <h2>`
     * - `"headline-3" -> <h3>`
     * - `"headline-4" -> <h4>`
     * - `"headline-5" -> <h5>`
     * - `"headline-6" -> <h6>`
     * - `"subtitle-1" -> <h5>`
     * - `"subtitle-2" -> <h6>`
     * - `"body-1"     -> <p>`
     * - `"body-2"     -> <p>`
     * - `"caption"    -> <caption>`
     * - `"overline"   -> <span>`
     * - `"button"     -> <button>`
     *
     */
    component?: ElementType | null;
    /**
     * One of the material design typography text styles. This is used to generate
     * a className that can be applied to any element and have the correct
     * typography.
     */
    type?: TextTypes;
    /**
     * Either a child render function or a react node. If this is not the child
     * render function, a different wrapper component can be provided using the
     * `component` prop.
     */
    children?: ReactNode | ClassNameCloneableChild | TextRenderFunction;
    /**
     * An optional text alignment to apply.
     */
    align?: TextAlign;
    /**
     * An optional text color to apply. Unline normal theme colors, these will
     * reflect the `text-secondary-on-background` and `text-hint-on-background`
     * instead of the primary or secondary theme colors.
     */
    color?: TextColor;
    /**
     * An optional text decoration to apply.
     */
    decoration?: TextDecoration;
    /**
     * An optional text transformation to apply.
     */
    transform?: TextTransform;
    /**
     * An optional font-weight to apply.
     */
    weight?: TextWeight;
    /**
     * An optional font-style to apply.
     */
    fontStyle?: FontStyle;
    /**
     * Since the typography within react-md tries to not modify base elements, the
     * default margin applied to heading tags (h1-h6) and paragraph (p) might have
     * large margin that you don't want applied when using this component. You can
     * disable:
     *
     * - only the top margin by setting this prop to `"bottom"`
     * - only the bottom margin by setting this prop to `"top"`
     * - top and bottom margin by setting this prop to `"none"`
     * - or keep the initial behavior: `"initial"`
     */
    margin?: "initial" | "none" | "top" | "bottom";
}
/**
 * The `Text` component is used to render text with the material design
 * typography styles applied.  By default, everything will be rendered in a
 * `<p>` tag with the normal paragraph styles.
 *
 * When the `type` prop is changed to another typography style, this component
 * will determine the "best" element to render the text in *unless* the
 * `component` prop is provided. The default mapping is:
 *
 * - `"headline-1" -> <h1>`
 * - `"headline-2" -> <h2>`
 * - `"headline-3" -> <h3>`
 * - `"headline-4" -> <h4>`
 * - `"headline-5" -> <h5>`
 * - `"headline-6" -> <h6>`
 * - `"subtitle-1" -> <h5>`
 * - `"subtitle-2" -> <h6>`
 * - `"body-1"     -> <p>`
 * - `"body-2"     -> <p>`
 * - `"caption"    -> <caption>`
 * - `"overline"   -> <span>`
 * - `"button"     -> <button>`
 *
 * NOTE: if the `component` prop is not `null`, this logic will be ignored and
 * the provided `component` will be used instead.
 */
declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<TextElement>>;
export default Text;