import { EventName } from '@lit/react'; import { default as Component } from '../../components/overlay/overlay.component.js'; import { DdsBeforeOpenEvent, DdsOpenedEvent, DdsBeforeCloseEvent, DdsClosedEvent } from '../../events/events'; export type { DdsBeforeOpenEvent } from '../../events/events'; export type { DdsOpenedEvent } from '../../events/events'; export type { DdsBeforeCloseEvent } from '../../events/events'; export type { DdsClosedEvent } from '../../events/events'; /** * `dap-ds-overlay` * @summary An overlay is a container for overlay content. * @element dap-ds-overlay * @title - Overlay * * @property {boolean} open - The open state of the overlay. * * @event {CustomEvent} dds-before-open - Fires before the overlay opens. * @event {CustomEvent} dds-opened - Fires after the overlay opens. * @event {CustomEvent} dds-before-close - Fires before the overlay closes. * @event {CustomEvent} dds-closed - Fires after the overlay closes. * * @slot - The content of the overlay. * * @csspart base - The overlay element * * @cssproperty --dds-overlay-z-index - Controls the z-index of the overlay (default: 1) * @cssproperty --dds-overlay-background - Controls the background of the overlay (default: var(--dds-black-10)) * @cssproperty --dds-overlay-opacity-closed - Controls the opacity when overlay is closed (default: 0) * @cssproperty --dds-overlay-opacity-open - Controls the opacity when overlay is open (default: 1) * @cssproperty --dds-overlay-transition-duration - Controls the transition duration (default: var(--dds-transition-fast)) * @cssproperty --dds-overlay-transition-timing - Controls the transition timing function (default: var(--dds-easing-ease-in-out)) */ declare const reactWrapper: import('@lit/react').ReactWebComponent; onDdsOpened: EventName; onDdsBeforeClose: EventName; onDdsClosed: EventName; }>; export default reactWrapper;