import * as React from 'react';
import type { TourBackdropProps } from './types.cjs';
/**
 * Dimming layer behind the tour, exposing the spotlight cutout as
 * `--skdx-tour-x/-y/-width/-height` custom properties for a CSS cutout.
 *
 * @example
 * ```css
 * .tour-backdrop {
 *   position: fixed;
 *   inset: 0;
 *   background: rgb(0 0 0 / 0.5);
 *   clip-path: polygon(
 *     0 0, 100% 0, 100% 100%, 0 100%, 0 0,
 *     var(--skdx-tour-x) var(--skdx-tour-y),
 *     var(--skdx-tour-x) calc(var(--skdx-tour-y) + var(--skdx-tour-height)),
 *     calc(var(--skdx-tour-x) + var(--skdx-tour-width)) calc(var(--skdx-tour-y) + var(--skdx-tour-height)),
 *     calc(var(--skdx-tour-x) + var(--skdx-tour-width)) var(--skdx-tour-y),
 *     var(--skdx-tour-x) var(--skdx-tour-y)
 *   );
 * }
 * ```
 */
export declare const TourBackdrop: {
    ({ forceMount, ref: forwardedRef, ...props }: TourBackdropProps): React.ReactNode;
    displayName: string;
};