import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps, Size } from '../../types';
/**
 * Props for headline text variants
 * @extends ComponentPropsWithoutRef<T>
 * @extends LayoutUtilProps
 */
type HeadlineProps<T extends "h1" | "h2" | "h3" | "h4" | "h5" | "h6"> = ComponentPropsWithoutRef<T> & LayoutUtilProps & {
    /**
     * Headline text variant
     */
    variant: "headline";
    /**
     * Size of the headline text
     * @default medium
     */
    size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
    /**
     * Set the wrapping element's tagname
     */
    el: T;
    inline?: never;
    subdued?: never;
};
/**
 * Props for eyebrow text variant
 * @extends ComponentPropsWithoutRef<"span">
 * @extends LayoutUtilProps
 */
type EyebrowProps = ComponentPropsWithoutRef<"span"> & LayoutUtilProps & {
    /**
     * Eyebrow text variant
     */
    variant: "eyebrow";
    /**
     * Size of the eyebrow text
     * @default medium
     */
    size?: Extract<Size, "small" | "medium" | "large">;
    el?: never;
    inline?: never;
    subdued?: never;
};
/**
 * Props for body text variant
 * @extends ComponentPropsWithoutRef<"p">
 * @extends LayoutUtilProps
 */
type BodyTextProps = ComponentPropsWithoutRef<"p"> & LayoutUtilProps & {
    /**
     * Body text variant
     * @default body
     */
    variant?: "body";
    /**
     * Size of the body text
     * @default medium
     */
    size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
    /**
     * Deemphasized text styling
     * @default false
     */
    subdued?: boolean;
    inline?: never;
    el?: never;
};
/**
 * Props for inline body text variant
 * @extends ComponentPropsWithoutRef<"span">
 * @extends LayoutUtilProps
 */
type BodyTextInlineProps = ComponentPropsWithoutRef<"span"> & LayoutUtilProps & {
    /**
     * Body text variant
     */
    variant?: "body";
    /**
     * Size of the body text
     * @default medium
     */
    size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
    /**
     * Inline flag used for nesting BodyText inside BodyText
     */
    inline: true;
    /**
     * Deemphasized text styling
     * @default false
     */
    subdued?: boolean;
    el?: never;
};
/**
 * Props for the Text component
 * @extends HeadlineProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">
 * @extends EyebrowProps
 * @extends BodyTextProps
 * @extends BodyTextInlineProps
 */
export type TextProps = HeadlineProps<"h1"> | HeadlineProps<"h2"> | HeadlineProps<"h3"> | HeadlineProps<"h4"> | HeadlineProps<"h5"> | HeadlineProps<"h6"> | EyebrowProps | BodyTextProps | BodyTextInlineProps;
/**
 * Text component for displaying various types of text content with consistent styling.
 *
 * Features:
 * - Multiple text variants (headline, eyebrow, body)
 * - Semantic HTML elements (h1-h6, p, span)
 * - Multiple size options for each variant
 * - Deemphasized text styling option
 * - Inline text support for nesting
 * - Supports layout utilities for positioning and spacing
 * - Accessible with proper semantic markup
 * - Responsive typography scaling
 *
 * @example
 * <Text variant="headline" el="h1" size="large">Main Heading</Text>
 * <Text variant="headline" el="h2" size="medium">Sub Heading</Text>
 *
 * @example
 * <Text variant="eyebrow" size="small">Category Label</Text>
 *
 * @example
 * <Text size="large">Large body text</Text>
 * <Text subdued>Deemphasized text</Text>
 * <Text inline>Inline text within other text</Text>
 */
export declare const Text: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement>>;
export {};