import Component from '../../components/primary-navigation/primary-navigation.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 Top-level site navigation with a responsive hamburger disclosure for narrow viewports.
 * @documentation https://cordwainer.dev/components/primary-navigation
 * @status experimental
 * @since 1.3
 *
 * @dependency cw-icon
 *
 * @slot - One or more `<cw-primary-navigation-item>` elements.
 *
 * @event cw-show - Emitted when the mobile navigation panel opens.
 * @event cw-after-show - Emitted after the mobile navigation panel opens and all animations are complete.
 * @event cw-hide - Emitted when the mobile navigation panel closes.
 * @event cw-after-hide - Emitted after the mobile navigation panel closes and all animations are complete.
 *
 * @csspart base - The component's base wrapper, a `<nav>` landmark element.
 * @csspart toggle - The hamburger toggle button, shown below `mobile-breakpoint`.
 * @csspart menu - The container that wraps the slotted navigation items.
 *
 * @animation primary-navigation.show - The animation to use when the mobile navigation panel opens.
 * @animation primary-navigation.hide - The animation to use when the mobile navigation panel closes.
 */
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
    onCwShow: EventName<CwShowEvent>;
    onCwAfterShow: EventName<CwAfterShowEvent>;
    onCwHide: EventName<CwHideEvent>;
    onCwAfterHide: EventName<CwAfterHideEvent>;
}>;
export default reactWrapper;