import React from 'react';
export declare const Bone: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
export declare const TextBoneWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
export type SkeletonProps = {
    /** `text` variant is used when we want to display a preview of a `Text` component.
     * <br />
     * `rect` variant is used to display all other previews.
     * */
    variant?: 'text' | 'rect';
    width?: React.CSSProperties['width'];
    height?: React.CSSProperties['height'];
    /** To animate the loading state */
    animated?: boolean;
} & React.HTMLAttributes<HTMLSpanElement>;
/** Skeleton is used to display a placeholder preview of content before the data gets loaded.<br />
 * They should be used carefully in the most basic (but meaningful) way possible,
 * only when necessary, primarily to avoid layout shifts / jumps
 */
declare const Skeleton: React.ForwardRefExoticComponent<{
    /** `text` variant is used when we want to display a preview of a `Text` component.
     * <br />
     * `rect` variant is used to display all other previews.
     * */
    variant?: "rect" | "text" | undefined;
    width?: React.CSSProperties['width'];
    height?: React.CSSProperties['height'];
    /** To animate the loading state */
    animated?: boolean | undefined;
} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
export default Skeleton;