import React from "react";
import type { OnTextLayoutEvent, TextAlign, TextVariation, TruncateLength, TypographyProps } from "../Typography";
import type { TypographyUnsafeStyle } from "../Typography/Typography";
export interface TextProps extends Pick<TypographyProps<"base">, "maxFontScaleSize" | "selectable"> {
    /**
     * Visual hierarchy of the text
     */
    readonly level?: TextLevel;
    /**
     * Color variation of text
     */
    readonly variation?: TextVariation;
    /**
     * Change the appearance of the text
     */
    readonly emphasis?: "strong";
    /**
     * Allow text to be resized based on user's device display scale
     */
    readonly allowFontScaling?: boolean;
    /**
     * Determines whether text should be scaled down to fit based on maxLines prop
     */
    readonly adjustsFontSizeToFit?: boolean;
    /**
     * The maximum amount of lines the text can occupy before being truncated with "...".
     * Uses predefined string values that correspond to a doubling scale for the amount of lines.
     */
    readonly maxLines?: TruncateLength;
    /**
     * Alignment of text
     */
    readonly align?: TextAlign;
    /**
     * Text to display. Supports nesting text elements.
     */
    readonly children?: React.ReactNode;
    /**
     * Reverse theme for better display on dark background
     */
    readonly reverseTheme?: boolean;
    /**
     * Have text styled with strike through
     */
    readonly strikeThrough?: boolean;
    /**
     * Use italic font style
     */
    readonly italic?: boolean;
    /**
     * Underline style to use for the text. The non-solid style is only supported
     * on iOS, as per React Native's Text component's limitations.
     * https://reactnative.dev/docs/text-style-props#textdecorationstyle-ios
     */
    readonly underline?: "solid" | "dotted";
    /**
     * This will make the text inaccessible to the screen reader.
     * This should be avoided unless there is a good reason.
     * For example this is used in InputText to make it so the label isn't
     * selectable because it is already read from the accessibilityLabel
     * of the TextInput
     */
    readonly hideFromScreenReader?: boolean;
    /**
     * **Use at your own risk:** Custom style for specific elements. This should only be used as a
     * **last resort**. Using this may result in unexpected side effects.
     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
     */
    readonly UNSAFE_style?: TypographyUnsafeStyle;
    /**
     * Callback that is called when the text is laid out.
     */
    readonly onTextLayout?: OnTextLayoutEvent;
}
export type TextLevel = "text" | "textSupporting";
export declare const TEXT_MAX_SCALED_FONT_SIZES: Record<TextLevel, number>;
export declare function Text({ level, variation, emphasis, allowFontScaling, adjustsFontSizeToFit, maxLines, align, children, reverseTheme, strikeThrough, italic, hideFromScreenReader, maxFontScaleSize, UNSAFE_style, underline, selectable, onTextLayout, }: TextProps): React.JSX.Element;