export interface SkeletonConfig {
    type: 'text' | 'circle' | 'rectangle' | 'elliptical' | 'container';
    width?: string;
    height?: string;
    size?: string;
    direction?: 'row' | 'column';
    gap?: string;
    items?: SkeletonConfig[];
    darkMode?: boolean;
}
export interface SkeletonPreset {
    items: readonly SkeletonConfig[];
    containerConfig?: {
        gap?: string;
        padding?: string;
        direction?: 'row' | 'column';
    };
    darkMode?: boolean;
}
export declare const SKELETON_PRESETS: {
    readonly card: {
        readonly items: readonly [{
            readonly type: "text";
            readonly width: "60%";
            readonly height: "1.5rem";
        }, {
            readonly type: "text";
            readonly width: "40%";
            readonly height: "1rem";
        }, {
            readonly type: "rectangle";
            readonly height: "100px";
        }];
        readonly containerConfig: {
            readonly padding: "1rem";
            readonly gap: "0.75rem";
        };
    };
    readonly listItem: {
        readonly items: readonly [{
            readonly type: "circle";
            readonly size: "2.5rem";
        }, {
            readonly type: "text";
            readonly width: "70%";
            readonly height: "1rem";
        }];
        readonly containerConfig: {
            readonly direction: "row";
            readonly gap: "1rem";
            readonly padding: "0.5rem";
        };
    };
    readonly formField: {
        readonly items: readonly [{
            readonly type: "text";
            readonly width: "30%";
            readonly height: "1rem";
        }, {
            readonly type: "rectangle";
            readonly height: "2.5rem";
        }];
        readonly containerConfig: {
            readonly gap: "0.5rem";
        };
    };
};