import { ComponentPropsWithRef } from 'react';
import { SkeletonItemStyleProps } from './SkeletonItem.styles';
interface SkeletonItemProps extends ComponentPropsWithRef<'div'>, SkeletonItemStyleProps {
}
export type SkeletonRectangleProps = Omit<SkeletonItemProps, 'shape'> & {
    width?: string | number;
    height?: string | number;
};
export type SkeletonCircleProps = Omit<SkeletonItemProps, 'shape'> & {
    size: string | number;
};
export type SkeletonLineProps = Omit<SkeletonItemProps, 'shape'> & {
    lines?: number;
    /**
     * Sets the gaps between group items.
     */
    gap?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
};
export declare const SkeletonRectangle: {
    ({ width, height, ...rest }: SkeletonRectangleProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export declare const SkeletonCircle: {
    ({ size, ...rest }: SkeletonCircleProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export declare const SkeletonLine: {
    ({ lines, gap: gapProp, className, ...rest }: SkeletonLineProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export {};
