import { type CSSProperties } from "react"; declare module "react" { interface CSSProperties { "--rmd-skeleton-placeholder-background-color"?: string; "--rmd-skeleton-placeholder-height"?: string | number; "--rmd-skeleton-placeholder-width"?: string | number; } } /** * @since 6.0.0 */ export declare const skeletonPlaceholder: import("../utils/bem.js").BEMResult; /** * @since 6.0.0 */ export interface SkeletonPlaceholderRandomOptions { /** * The minimum `animation-delay` milliseconds allowed in the random generator. * This value should be: `0 <= minDelay < maxDelay`. * * The `animation-delay` will be generated by: * ```ts * const delay = randomInt({ * min: minDelay, * max: maxDelay, * }); * * return { * animationDelay: `-${delay}ms`, * }; * ``` * * @defaultValue `0` */ minDelay?: number; /** * @see {@link minDelay} * @defaultValue `400` */ maxDelay?: number; /** * The minimum width percentage allowed in the random generator. This value * should be: `0 >= minPercentage < maxPercentage`. * * The `width` will be generated by: * ```ts * const width = randomInt({ * min: minPercentage, * max: maxPercentage, * }); * * return { * width: `${width}%`, * }; * ``` * @defaultValue `40` */ minPercentage?: number; /** * @see {@link minPercentage} * @defaultValue `85` */ maxPercentage?: number; } /** * A server-only safe util to generate a random skeleton placeholder. * * @example * ```tsx * import { * randomSkeletonPlaceholder, * skeletonPlaceholder, * } from "@react-md/core/transition/skeletonPlaceholderUtils"; * import "server-only"; * * export function RandomSkeletonPlaceholder(): ReactElement { * return *
* ); * } * ``` * @since 6.0.0 */ export declare function randomSkeletonPlaceholder(options?: SkeletonPlaceholderRandomOptions): CSSProperties;