import type { JSX } from 'solid-js';
import type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';
import type { HeadlessPropsWithRef, ValidConstructor } from '../../utils/dynamic-prop';
export type DialogOverlayProps<T extends ValidConstructor = 'div'> = HeadlessPropsWithRef<T, DisclosureStateRenderProps>;
/**
 * The backdrop behind a `Dialog`. Clicking it closes the dialog, so give it a
 * size — it has no styles of its own and renders 0x0 without them. It needs no
 * `<Show>` guard: `Dialog` unmounts its whole subtree while closed.
 *
 * A full-screen overlay is positioned, so it paints above an unpositioned
 * sibling: give `DialogPanel` a `position` or a `z-index` of its own, or the
 * overlay covers it and swallows the clicks meant for it.
 *
 * Renders a `<div>` by default.
 *
 * @see {@link https://github.com/lxsmnsyc/terracotta/blob/main/docs/components/dialog.md}
 */
export declare function DialogOverlay<T extends ValidConstructor = 'div'>(props: DialogOverlayProps<T>): JSX.Element;
//# sourceMappingURL=DialogOverlay.d.ts.map