import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Props for the SkeletonText component
 * @extends Omit<ComponentPropsWithoutRef<"div">, "children">
 * @extends Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink">
 */
export type SkeletonTextProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink"> & {
    /**
     * Enables the AI visual style with blue gradient colors.
     */
    ai?: boolean;
} & ({
    /**
     * Text variant for body text skeleton.
     * @default body
     */
    variant?: "body";
    /**
     * Number of text lines to display.
     * @default 1
     */
    rows?: number;
} | {
    /**
     * Text variant for headline text skeleton.
     */
    variant?: "headline";
    /**
     * Rows prop is not available for headline variant.
     */
    rows?: never;
});
/**
 * SkeletonText component for displaying text loading placeholders.
 *
 * Features:
 * - Text skeleton placeholder with body and headline variants
 * - Configurable number of rows for body variant
 * - Animated pulsing effect for loading indication
 * - Accessible with proper ARIA attributes
 * - Layout utility props for positioning and spacing
 * - Customizable styling through className and style props
 * - Progress bar role for screen readers
 * - Different line heights for body vs headline variants
 * - Last line shorter for body variant to simulate natural text
 *
 * @example
 * <Skeleton.Text variant="body" rows={3} />
 *
 * <Skeleton.Text
 *   variant="headline"
 *   className="custom-skeleton"
 *   aria-label="Loading title"
 * />
 */
export declare const SkeletonText: import('react').ForwardRefExoticComponent<SkeletonTextProps & import('react').RefAttributes<HTMLDivElement>>;