import React from 'react';
import { FlintBackdrop as FlintBackdropElement } from '@getufy/flint-ui/backdrop/flint-backdrop';
export interface FlintBackdropCloseDetail {
    open: false;
}
/**
 * A backdrop component that narrows the user's focus to a particular element.
 *
 * @slot (default) - Content to display in the foreground.
 */
export interface FlintBackdropProps extends React.HTMLAttributes<FlintBackdropElement> {
    /** Whether the backdrop is visible and active. */
    open?: boolean;
    /** When true, the backdrop overlay is transparent. */
    invisible?: boolean;
    /** When true, the backdrop is scoped to its parent container instead of the viewport. */
    container?: boolean;
    /**
     * Dispatched when the backdrop is clicked or Escape is pressed. detail: `{ open: false }`
     * DOM event: `flint-backdrop-close`
     */
    onFlintBackdropClose?: (event: CustomEvent<FlintBackdropCloseDetail>) => void;
}
export declare const FlintBackdrop: React.ForwardRefExoticComponent<FlintBackdropProps & React.RefAttributes<FlintBackdropElement>>;