import * as React from 'react';
import { SkeletonShape } from '../skeleton/index.js';
export { SkeletonShape, skeletonVariants } from '../skeleton/index.js';

interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
    shape?: SkeletonShape;
    width?: string | number;
    height?: string | number;
    /** Whether to animate the skeleton pulse. Defaults to true */
    animate?: boolean;
}
/**
 * Skeleton component -- renders a placeholder loading element.
 *
 * Uses the headless @refraction-ui/skeleton core for ARIA attributes.
 * Styling via Tailwind utility classes (no external CSS-in-JS).
 */
declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Number of text lines to render. Defaults to 3 */
    lines?: number;
    /** Whether to animate the skeleton pulse. Defaults to true */
    animate?: boolean;
}
/**
 * SkeletonText component -- renders N lines of text-shaped skeletons with
 * slight width variations for a natural loading appearance.
 */
declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;

export { Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps };
