retro-react/dist/esm/components/skeleton/Skeleton.d.ts

A React component library for building retro-style websites

/// <reference types="react" />
import { ThemeUICSSObject } from 'theme-ui';
export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * The height of the skeleton.
     *
     * @default '20px'
     */
    height?: string | number;
    /**
     * The shape of the skeleton. For a circle, the height will also be used for the width.
     *
     * @default 'rectangle'
     */
    shape?: 'rectangle' | 'circle';
    /**
     * The effect to use for the skeleton loading animation.
     *
     * @default 'scanlines'
     */
    effect?: 'scanlines' | 'dither' | 'processing';
    sx?: ThemeUICSSObject;
}
/**
 * A retro skeleton loading component with authentic WIN31 styling.
 * Features classic scan line, dithering, and processing effects reminiscent of early computer graphics.
 *
 * @example
 * <Container>
 * 		<Skeleton height="20px" effect="scanlines" />
 * 		<Skeleton height="20px" effect="dither" />
 * 		<Skeleton height="40px" shape="circle" effect="processing" />
 * </Container>
 */
export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;