import * as React from 'react'; import { StandardProps } from '../../common'; export interface SkeletonProps extends StandardProps { /** * The duration of the shine animation. * @default 1.2 */ duration?: number; /** * The width of the skeleton, it could be a number (transformed into px) or a string (e.g.: '75%') * @default '100%' */ width?: number | string; /** * The height of the skeleton, it could be a number (transformed into px) or a string (e.g.: '20px') * @default '100%' */ height?: number | string; /** * Determines if the skeleton should be a circle (e.g.: avatar). The final shape will depend on the `width` and `height` values. */ isCircle?: boolean; /** * The number of skeletons you want to display. * @default 1 */ count?: number; /** * Randomly simulates different text line lengths. This will work only when `count` is greater that 1. */ isText?: boolean; /** * Determines whether the pulsing animation is active or not. Could be use to stop the animation in case your component has some kind of error or just to have a more simple `Skeleton` component. * @default true */ isPulsing?: boolean; } /** * The `Sekeleton` component displays a low fidelity UI into which information will be gradually loaded. */ export declare const Skeleton: React.FC & { inner: { readonly StyledSpan: any; }; };