import { PanelPosition } from './DevtoolsPanel';

export interface MountOptions {
    /** Container element to mount into. If string, will query for element. */
    container?: HTMLElement | string;
    /** Position when creating default container */
    position?: PanelPosition;
    /** Initial height/width depending on position */
    size?: number;
    /** Z-index for the panel */
    zIndex?: number;
    /** Start collapsed */
    collapsed?: boolean;
}
/**
 * Mount the devtools panel.
 *
 * @example
 * ```ts
 * import { mountDevtoolsPanel } from "storion/devtools-panel";
 *
 * // Mount with default left panel
 * mountDevtoolsPanel();
 *
 * // Mount at bottom
 * mountDevtoolsPanel({ position: "bottom", size: 300 });
 *
 * // Mount at left
 * mountDevtoolsPanel({ position: "left", size: 400 });
 * ```
 */
export declare function mountDevtoolsPanel(options?: MountOptions): () => void;
/**
 * Unmount the devtools panel.
 */
export declare function unmountDevtoolsPanel(): void;
/**
 * Toggle the devtools panel visibility.
 */
export declare function toggleDevtoolsPanel(options?: MountOptions): void;
//# sourceMappingURL=mount.d.ts.map