import React from 'react';
type BaseProps = {
    /**
     * CSS class names to augment the layout of the skeleton component. For skeletons,
     * this is mostly useful to add layout styles (e.g., tailwind CSS margins, flex, etc.)
     */
    className?: string;
    /**
     * Determine whether there should be an animation in the skeleton state
     */
    isAnimating?: boolean;
};
type SkeletonProps = BaseProps & {
    width?: number | string;
    height?: number | string;
};
/**
 * `import {Skeleton} from "@chanzuckerberg/eds";`
 *
 * Skeleton states inform users about the wait time, reason, and status of ongoing processes, showing the expected layout
 */
export declare const Skeleton: {
    ({ className, isAnimating, height, width, ...other }: SkeletonProps): React.JSX.Element;
    displayName: string;
    Text: {
        ({ className, isAnimating, height, width, ...other }: TextProps): React.JSX.Element;
        displayName: string;
    };
    Circle: {
        ({ className, isAnimating, width, ...other }: CircleProps): React.JSX.Element;
        displayName: string;
    };
};
type TextProps = BaseProps & {
    height?: number | string;
    width?: number | string;
};
type CircleProps = BaseProps & {
    width?: number | string;
};
export {};