import React from 'react';
import { type ThemeInterface } from '../../themes/theme';
interface Props {
    /**
     * Unique ID for the skeleton
     */
    id?: string;
    /**
     * Background color of the skeleton
     *
     * @param {string} sand Uses theme.color.background.sand.E01
     * @param {string} white Uses white background (#FFFFFF)
     *
     * @default 'sand'
     */
    backgroundColor?: 'sand' | 'white';
    /**
     * Opacity level of the skeleton
     *
     * @param {number} 100 100% opacity
     * @param {number} 50 50% opacity
     * @param {number} 25 25% opacity
     *
     * @default 100
     */
    opacity?: 100 | 50 | 25;
    /**
     * Allows to pass in custom radius value from theme
     */
    borderRadius?: keyof ThemeInterface['radius'];
    /**
     * Width of the skeleton
     *
     * @default '100%'
     */
    width?: string;
    /**
     * Height of the skeleton
     *
     * @default '6.25rem'
     */
    height?: string;
    /**
     * Allows to pass a custom margin
     *
     * @default '0'
     */
    margin?: string;
    /**
     * Allows to pass a custom padding
     *
     * @default '0'
     */
    padding?: string;
    /**
     * Allows to pass testid string for testing purposes
     */
    'data-testid'?: string;
    /**
     * Allows to pass a custom className
     */
    className?: string;
    /**
     * If used inside a carousel, pass the slide index (starting from 1)
     */
    carouselIndex?: number;
    /**
     * Screen reader label describing the use of the skeleton,
     * e.g., "Loading content" or "Loading image."
     */
    ariaLabel?: string;
}
declare const Skeleton: ({ backgroundColor, opacity, width, height, borderRadius, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
/** @component */
export default Skeleton;