import React, { ParamHTMLAttributes } from 'react';
import { TextAlignProps } from 'styled-system';
import { ColorVariant } from '../../utils/colorHelper';
export type TextVariant = '140' | '120' | '100' | '80' | '60';
export interface TextProps extends Pick<TextAlignProps, 'textAlign'> {
    /**
     * Text variant to use. Can be a single variant or an array of variants for responsive design.
     * When an array is provided, each value applies to the corresponding breakpoint.
     *
     * Example: ['100', '120', '140'] will use '100' on mobile, '120' on tablet, and '140' on desktop.
     */
    variant?: TextVariant | TextVariant[];
    /**
     * Text id
     */
    id?: string;
    /**
     * Text color. Can be a single variant or an array of variants for responsive design.
     * When an array is provided, each value applies to the corresponding breakpoint.
     *
     * Example: ['white', 'light', 'dark'] will use 'white' on mobile, 'light' on tablet, and 'dark' on desktop.
     */
    color?: ColorVariant | ColorVariant[];
    /**
     * Text align
     */
    /**
     * Text weight
     */
    weight?: 'normal' | 'bold';
    /**
     * Display property
     */
    display?: 'block' | 'inline';
    children: React.ReactNode;
}
declare const Text: ({ variant, color, weight, display, children, ...props }: TextProps & Omit<ParamHTMLAttributes<HTMLParagraphElement>, "color">) => JSX.Element;
export default Text;