import Component from '../../components/popover/popover.component.js';
import { type EventName } from '@lit/react';
import type { CwShowEvent } from '../../events/events.js';
import type { CwAfterShowEvent } from '../../events/events.js';
import type { CwHideEvent } from '../../events/events.js';
import type { CwAfterHideEvent } from '../../events/events.js';
export type { CwShowEvent } from '../../events/events.js';
export type { CwAfterShowEvent } from '../../events/events.js';
export type { CwHideEvent } from '../../events/events.js';
export type { CwAfterHideEvent } from '../../events/events.js';
/**
 * @summary Popovers display rich content anchored to a trigger, positioned with floating-ui and rendered via the
 *  native Popover API's top layer — a good fit for content that doesn't belong in a tooltip (hover-only) or a
 *  dropdown (menu-focused).
 * @documentation https://cordwainer.dev/components/popover
 * @status experimental
 * @since 1.5
 *
 * @slot - The popover's content.
 * @slot trigger - The element that anchors and toggles the popover, usually a `<cw-button>`.
 *
 * @event cw-show - Emitted when the popover opens.
 * @event cw-after-show - Emitted after the popover opens and all animations are complete.
 * @event cw-hide - Emitted when the popover closes, whether via `hide()`/toggling `open`, or dismissed natively
 *  (clicking outside, pressing Escape).
 * @event cw-after-hide - Emitted after the popover closes and all animations are complete.
 *
 * @csspart trigger - The container that wraps the trigger.
 * @csspart popup - The outer popup container, the element the native Popover API and floating-ui both act on. Has
 *  no visible styling of its own — see `body` for the visible box.
 * @csspart body - The popup's visible box (background, border, padding) wrapping its content.
 * @csspart arrow - The arrow's container, present only when the `arrow` attribute is set.
 *
 * @cssproperty [--arrow-size=6px] - The size of the arrow. Note that an arrow won't be shown unless the `arrow`
 *  attribute is used.
 * @cssproperty [--arrow-color=var(--cw-color-neutral-0)] - The color of the arrow.
 *
 * @animation popover.show - The animation to use when showing the popover.
 * @animation popover.hide - The animation to use when hiding the popover.
 */
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
    onCwShow: EventName<CwShowEvent>;
    onCwAfterShow: EventName<CwAfterShowEvent>;
    onCwHide: EventName<CwHideEvent>;
    onCwAfterHide: EventName<CwAfterHideEvent>;
}>;
export default reactWrapper;