/**
 * This file was automatically generated by the Stencil React Output Target.
 * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
 */
import type { EventName, StencilReactComponent } from './react-runtime.js';
import { type BreadcrumbSelectDetail, type DsShellAppCustomEvent, type NavChromeStyle, type PanelNavUserActionDetail, type PanelToolsToolId, type ShellResponsiveMode } from "@ds-mo/ui";
import type { Components } from "@ds-mo/ui/dist/components";
import { DsShellApp as DsShellAppElement } from "@ds-mo/ui/dist/components/ds-shell-app.js";
export type DsShellAppEvents = {
    onDsResponsiveModeChange: EventName<DsShellAppCustomEvent<{
        mode: ShellResponsiveMode;
    }>>;
    onDsNavSelect: EventName<DsShellAppCustomEvent<string>>;
    onDsTabChange: EventName<DsShellAppCustomEvent<string>>;
    onDsSubsectionChange: EventName<DsShellAppCustomEvent<string>>;
    onDsPageBack: EventName<DsShellAppCustomEvent<MouseEvent>>;
    onDsBreadcrumbSelect: EventName<DsShellAppCustomEvent<BreadcrumbSelectDetail>>;
    onDsPageAction: EventName<DsShellAppCustomEvent<string>>;
    onDsToolChange: EventName<DsShellAppCustomEvent<{
        id: PanelToolsToolId;
        selected: boolean;
    }>>;
    onDsHeaderBack: EventName<DsShellAppCustomEvent<{
        tool: PanelToolsToolId;
    }>>;
    onDsHeaderAction: EventName<DsShellAppCustomEvent<{
        tool: PanelToolsToolId;
        id: string;
    }>>;
    onDsPresentationChange: EventName<DsShellAppCustomEvent<{
        presentation: 'drawer' | 'fullscreen';
    }>>;
    onDsBrowseContextChange: EventName<DsShellAppCustomEvent<NavChromeStyle>>;
    onDsNavFooterAction: EventName<DsShellAppCustomEvent<void>>;
    onDsNavUserAction: EventName<DsShellAppCustomEvent<PanelNavUserActionDetail>>;
};
export declare const DsShellApp: StencilReactComponent<DsShellAppElement, DsShellAppEvents, Components.DsShellApp>;