/**
 * The Scrim component serves as a background layer, designed to hold and enhance the visibility of its child components.
 *
 * Transition works for chrome>=117
 *
 * You may want try [react-external-renderer](https://npm.im/react-external-renderer) or [overlay-kit](https://npm.im/overlay-kit),
 * which allow you to render this component in a declarative way.
 *
 */
export declare const Scrim: import('react').ForwardRefExoticComponent<{
    open?: boolean;
    /** Set the transition-duration value in ms, by default is 250 */
    duration?: number;
    onScrimClick?(e: React.MouseEvent<HTMLElement, MouseEvent>): void;
    inset?: string;
    zIndex?: number;
    /** If only hold a single root child, `center` make the child centered position */
    center?: boolean;
    /** If true, unmount the component when it is closed */
    unmountOnClose?: boolean;
    /** Emit after the scrim is closed, useful when you want to track the animation end  */
    onClose?: VoidFunction;
} & Omit<import('react').HTMLProps<HTMLElement>, "inset" | "zIndex" | "as" | "ref" | "open" | "center" | "duration" | "onScrimClick" | "unmountOnClose" | "onClose"> & import('react').RefAttributes<HTMLDivElement>>;