import type React from 'react';
/**
 * @csspart text
 */
export interface TextOwnProps {
    /**
     * Unique identifier for the element.
     * @example 'example-id'
     */
    id?: string;
    /**
     * Semantic role of the text (e.g. heading, caption, code, label). Allowed values: `display`, `h1`, `h2`, `h3`, `label-lg`, `label-md`, `label-sm`, `body-lg`, `body-md`, `body-sm`, `overline`, `caption`, `code`.
     * @example 'display'
     */
    textRole?: 'display' | 'h1' | 'h2' | 'h3' | 'label-lg' | 'label-md' | 'label-sm' | 'body-lg' | 'body-md' | 'body-sm' | 'overline' | 'caption' | 'code';
    /**
     * Text alignment (left, center, right, justify). Allowed values: `start`, `center`, `end`.
     * @example 'start'
     */
    align?: 'start' | 'center' | 'end';
    /**
     * Text color override using a named color token. Allowed values: `primary`, `inverse`, `muted`.
     * @example 'primary'
     */
    color?: 'primary' | 'inverse' | 'muted';
    /**
     * Renders text in a subdued/secondary color.
     * @defaultValue false
     * @example true
     */
    muted?: boolean;
    /**
     * Renders text with bold font weight.
     * @defaultValue false
     * @example true
     */
    strong?: boolean;
    /**
     * Renders text in italic style.
     * @defaultValue false
     * @example true
     */
    italic?: boolean;
    /**
     * Renders text with an underline decoration.
     * @defaultValue false
     * @example true
     */
    underline?: boolean;
    /**
     * Renders text with a thicker underline decoration.
     * @defaultValue false
     * @example true
     */
    underlineStrong?: boolean;
    /**
     * Truncates text with an ellipsis when it overflows.
     * @defaultValue false
     * @example true
     */
    truncate?: boolean;
    /**
     * Maximum number of visible lines before truncation with an ellipsis.
     * @example 1
     */
    lineClamp?: number;
    /**
     * Applies CSS text-wrap: balance for even line lengths.
     * @defaultValue false
     * @example true
     */
    balance?: boolean;
    /**
     * Enables prose typography: a readable measure and looser line height.
     * @defaultValue false
     * @example true
     */
    prose?: boolean;
    /**
     * Override the rendered HTML element (e.g. span, div, p).
     * @example 'example'
     */
    elementAs?: string;
    /** Default slot content.
     * @example <span>Content</span>
     */
    children?: React.ReactNode;
    /** CSS class applied to the Custom Element host.
     * @example 'my-component'
     */
    className?: string;
    /** Inline styles applied to the Custom Element host.
     * @example { marginTop: 8 }
     */
    style?: React.CSSProperties;
}
/**
 * Props for `<Text>`: the component's own API plus every standard DOM
 * attribute and native React event handler, forwarded verbatim to the
 * `<cx-text>` host — `id`, `data-*`, `aria-*`, `title`, `tabIndex`,
 * `slot`, `onMouseEnter`, and the rest. Own props always win over a
 * same-named DOM attribute.
 */
export type TextProps = TextOwnProps & Omit<React.HTMLAttributes<HTMLElement>, keyof TextOwnProps | 'children' | 'dangerouslySetInnerHTML'>;
export declare const Text: React.ForwardRefExoticComponent<TextOwnProps & Omit<React.HTMLAttributes<HTMLElement>, "dangerouslySetInnerHTML" | keyof TextOwnProps> & React.RefAttributes<HTMLElement>>;