import { SKELETON_SHAPES } from "../../utils/enums";
export declare class SlSkeleton {
    /**
     * The shape of the skeleton element
     * - 'rect': Default rectangular shape
     * - 'circle': Circular shape with 50% border-radius
     * - 'text': Text line shape with 1em height and 100% width by default
     * @type {'rect' | 'circle' | 'text'}
     */
    shape: SKELETON_SHAPES | `${SKELETON_SHAPES}`;
    /**
     * Width of the skeleton. If number is provided, it will be treated as pixels.
     * If string is provided, it will be used as-is (supports any CSS length unit).
     * @type {number | string}
     */
    width?: number | string;
    /**
     * Height of the skeleton. If number is provided, it will be treated as pixels.
     * If string is provided, it will be used as-is (supports any CSS length unit).
     * @type {number | string}
     */
    height?: number | string;
    /**
     * Size of the skeleton (sets both width and height to the same value).
     * Overrides individual width and height props when set.
     * If number is provided, it will be treated as pixels.
     * If string is provided, it will be used as-is (supports any CSS length unit).
     * @type {number | string}
     * @default '100%'
     */
    size: number | string;
    /**
     * Whether the skeleton should display the shimmer animation
     * @type {boolean}
     * @default true
     */
    animated: boolean;
    /**
     * Whether the button should have rounded corners (pill shape) or square corners
     * If number is provided, it will be treated as pixels.
     * If string is provided, it will be used as-is (supports any CSS length unit).
     * @type {boolean}
     * @default 5px
     */
    rounded?: number | string | boolean;
    render(): any;
}