import { default as React } from 'react';
import { ChildrenLayoutProps } from '../../utils/generate-styling';

type AsChildProps = {
    asChild: true;
    as?: never;
} & React.ComponentPropsWithoutRef<'span'>;
type SpanProps = {
    as?: 'span';
    asChild?: false;
} & React.ComponentPropsWithoutRef<'span'>;
type DivProps = {
    as: 'div';
    asChild?: false;
} & React.ComponentPropsWithoutRef<'div'>;
type LabelProps = {
    as: 'label';
    asChild?: false;
} & React.ComponentPropsWithoutRef<'label'>;
type PProps = {
    /**
     * @default 'p'
     */
    as: 'p';
    asChild?: false;
} & React.ComponentPropsWithoutRef<'p'>;
type TextVariant = 'paragraph-100' | 'paragraph-100-medium' | 'paragraph-100-bold' | 'paragraph-200' | 'preamble-100' | 'preamble-200' | 'additional-100' | 'additional-100-medium' | 'overline-100' | 'overline-200';
type TextProps = {
    enableHyphenation?: boolean;
    disabled?: boolean;
    faded?: boolean;
    /**
     * @default 'paragraph-100'
     */
    variant?: TextVariant;
} & ChildrenLayoutProps & (AsChildProps | SpanProps | DivProps | LabelProps | PProps);
/**
 * Text is used to render text elements. By default, it renders as a `p` tag.
 */
declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
export { Text };
export type { TextProps, TextVariant };