import { ReactNode } from 'react';
import { C as ComponentWithAs, a as BoxProps } from '../index-BCgRk0Yp.js';
import 'prop-types';
import 'class-variance-authority';
import 'class-variance-authority/types';

interface TextProps extends BoxProps {
    children: ReactNode;
}
/**
 * Text Component
 *
 * A polymorphic text component for rendering paragraphs, spans, and other text elements.
 * Built on top of Box with default `as="p"`.
 *
 * @example
 * // Basic paragraph
 * import { Text } from '@paalstack/react-ui';
 *
 * <Text>This is a paragraph.</Text>
 *
 * @example
 * // As span
 * <Text as="span">Inline text</Text>
 *
 * @example
 * // With styling
 * <Text className="text-lg font-bold text-blue-600">
 *   Styled text
 * </Text>
 *
 * @example
 * // With color prop
 * <Text textColor="blue">Colored text</Text>
 *
 * @example
 * // As label
 * <Text as="label" htmlFor="input">
 *   Input Label
 * </Text>
 *
 * @example
 * // Truncated text
 * <Text className="truncate max-w-xs">
 *   This is a very long text that will be truncated
 * </Text>
 *
 * @example
 * // Multi-line clamp
 * <Text className="line-clamp-3">
 *   Long text that will be clamped to 3 lines
 * </Text>
 *
 * @example
 * // As small text
 * <Text as="small" className="text-sm text-gray-500">
 *   Helper text
 * </Text>
 *
 * @example
 * // With font size prop
 * <Text fontSize="lg">Large text</Text>
 *
 * @tip Default renders as <p> tag
 * @tip Use `as` prop to render as span, label, small, etc.
 * @tip Supports all Box props for flexible styling
 * @tip Use for body text, descriptions, and inline text
 */
declare const Text: ComponentWithAs<'p', TextProps>;

export { Text, type TextProps };
