import type { ReactNode } from 'react';
import React from 'react';
import type { Preset } from '../../util/variant-types';
export type TextProps = {
    /**
     * Controls which component to use when rendering copy: e.g., `p` or `span`.
     *
     * **Default is `"p"`**.
     */
    as?: 'p' | 'span' | 'div';
    children: ReactNode;
    className?: string;
    tabIndex?: number;
    /**
     * Prop to set the desired typography value used in design. Acceptable values
     * match those used across the design system.
     */
    preset?: Preset;
} & React.HTMLAttributes<HTMLElement>;
/**
 * `import {Text} from "@chanzuckerberg/eds";`
 *
 * The Text component decorates `<p>` and `<span>` with typographic variants. Use
 * typography presets to style the text via `preset`.
 *
 * For headers, please use `Heading`.
 */
export declare const Text: React.ForwardRefExoticComponent<{
    /**
     * Controls which component to use when rendering copy: e.g., `p` or `span`.
     *
     * **Default is `"p"`**.
     */
    as?: "p" | "span" | "div";
    children: ReactNode;
    className?: string;
    tabIndex?: number;
    /**
     * Prop to set the desired typography value used in design. Acceptable values
     * match those used across the design system.
     */
    preset?: Preset;
} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLParagraphElement>>;