import { TSizeAll } from '../../types';

export interface ISkeletonProps {
    /**
     * optional className attribute
     */
    className?: string;
    /**
     * optional id attribute
     */
    id?: string;
    /**
     * set the padding / spacing of the component
     * @default 'sm'
     */
    size?: TSizeAll | number;
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
    /**
     * set the type of skeleton
     * @default 'text'
     */
    type: 'text' | 'rectangle' | 'circle';
    /**
     * set the border radius of the skeleton items (not for types 'circle', 'list').  If true, it will use the default border radius. If false, it will remove the border radius. If a number is provided, it will set the border radius to that number.
     * @default true
     */
    borderRadius?: boolean | number;
    /**
     * show animation for the skeleton items
     * @default true
     */
    hasAnimation?: boolean;
    /**
     * set the duration of the animation in milliseconds
     * @default 1500
     */
    animationDuration?: number;
    /**
     * set the tag type for all elements
     * @default 'div'
     */
    asType?: 'div' | 'span' | 'section' | 'article';
}
//# sourceMappingURL=types.d.ts.map