/**
 * 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 ChromeTransitionDetail, type DsPanelToolsCustomEvent, type PanelToolsToolId } from "@ds-mo/ui";
import type { Components } from "@ds-mo/ui/dist/components";
import { DsPanelTools as DsPanelToolsElement } from "@ds-mo/ui/dist/components/ds-panel-tools.js";
export type DsPanelToolsEvents = {
    onDsToolChange: EventName<DsPanelToolsCustomEvent<{
        id: PanelToolsToolId;
        selected: boolean;
    }>>;
    onDsPresentationChange: EventName<DsPanelToolsCustomEvent<{
        presentation: 'drawer' | 'fullscreen';
    }>>;
    onDsHeaderBack: EventName<DsPanelToolsCustomEvent<{
        tool: PanelToolsToolId;
    }>>;
    onDsHeaderAction: EventName<DsPanelToolsCustomEvent<{
        tool: PanelToolsToolId;
        id: string;
    }>>;
    onDsChromeTransitionStart: EventName<DsPanelToolsCustomEvent<ChromeTransitionDetail>>;
    onDsChromeTransitionEnd: EventName<DsPanelToolsCustomEvent<ChromeTransitionDetail>>;
};
export declare const DsPanelTools: StencilReactComponent<DsPanelToolsElement, DsPanelToolsEvents, Components.DsPanelTools>;