import type { ComponentProps } from '@fluentui/react-utilities';
import type { ComponentState } from '@fluentui/react-utilities';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { FunctionComponent } from 'react';
import * as React_2 from 'react';
import type { Slot } from '@fluentui/react-utilities';

declare const Body_2: FunctionComponent<TextProps>;
export { Body_2 as Body }

export declare const Caption: FunctionComponent<TextProps>;

export declare const Display: FunctionComponent<TextProps>;

export declare const Header1: FunctionComponent<TextProps>;

export declare const Header2: FunctionComponent<TextProps>;

export declare const Header3: FunctionComponent<TextProps>;

export declare const renderText: (state: TextState) => JSX.Element;

export declare const SubHeadline: FunctionComponent<TextProps>;

/**
 * The Text control standardizes font styling across a webpage.
 */
declare const Text_2: ForwardRefComponent<TextProps>;
export { Text_2 as Text }

export declare type TextCommons = {
    /**
     * The size of the text (provides line height and font size).
     *
     * @defaultValue 300
     */
    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
    /**
     * The font family for the text.
     *
     * @defaultValue base
     */
    font?: 'base' | 'monospace';
    /**
     * The font weight for the text.
     *
     * @defaultValue regular
     */
    weight?: 'thin' | 'light' | 'regular' | 'medium' | 'bold' | 'black';
    /**
     * The color of the text.
     *
     * @defaultValue inherent
     */
    color?: 'base' | 'inherit' | 'white' | 'brand' | 'secondary' | 'success' | 'danger' | 'social' | 'warning' | 'info';
    /**
     * Whether to render italic text.
     *
     * @defaultValue false
     */
    italic?: boolean;
    /**
     * Whether to underline the text.
     *
     * @defaultValue false
     */
    underline?: boolean;
    /**
     * Whether the text should be striked through.
     *
     * @defaultValue false
     */
    strikethrough?: boolean;
    /**
     * How to align the text.
     *
     * @defaultValue start
     */
    align?: 'start' | 'center' | 'end' | 'justify';
    /**
     * Whether the text should wrap if it exceeds its containers size.
     */
    nowrap?: boolean;
    /**
     * Whether the Text should be rendered in a disabled appearance.
     */
    disabled?: boolean;
    /**
     * Whether the text should truncate if it exceeds its containers size.
     */
    truncate?: boolean;
};

export declare type TextProps = ComponentProps<TextSlots> & TextCommons;

export declare type TextSlots = {
    /**
     * The root element.
     */
    root: Slot<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
};

export declare type TextState = ComponentState<TextSlots> & TextCommons;

export declare const Title: FunctionComponent<TextProps>;

export declare const useText: (props: TextProps, ref: React_2.Ref<HTMLElement>) => TextState;

export declare const useTextStyles: (state: TextState) => TextState;

export { }