import { SkeletonComponent } from './skeleton.types';
/**
 * Skeleton component provides a placeholder preview of content before it loads.
 * It's useful for improving perceived performance during loading states.
 *
 * This is a polymorphic component. The root tag can be set using the `as` prop.
 * By default, it renders a `div` element.
 *
 * @example
 * ```tsx
 * // Basic rectangular skeleton
 * <Skeleton width={200} height={40} />
 *
 * // Circular avatar placeholder
 * <Skeleton variant="circular" width={40} height={40} />
 *
 * // Inline skeleton within text
 * <p>Loading <Skeleton as="span" variant="text" width={80} /></p>
 *
 * // With pulse animation
 * <Skeleton animation="pulse" width={300} height={100} />
 * ```
 */
declare const Skeleton: SkeletonComponent;
export default Skeleton;