import { StateCreator } from 'zustand';
import { PanelGroupId } from '@perses-dev/core';
import { Middleware } from './common';
import { PanelGroupSlice } from './panel-group-slice';
export interface PanelGroupEditor {
    mode: 'Add' | 'Edit';
    initialValues: PanelGroupEditorValues;
    applyChanges: (next: PanelGroupEditorValues) => void;
    close: () => void;
}
export interface PanelGroupEditorValues {
    title: string;
    isCollapsed: boolean;
    repeatVariable: string | undefined;
}
/**
 * Slice that handles the visual editor state and related actions for adding or editing Panel Groups.
 */
export interface PanelGroupEditorSlice {
    /**
     * State that's present when the panel group editor is open.
     */
    panelGroupEditor?: PanelGroupEditor;
    /**
     * Opens the panel group editor to add a new panel group.
     */
    openAddPanelGroup: () => void;
    /**
     * Opens the panel group editor to edit an existing panel group.
     */
    openEditPanelGroup: (panelGroupId: PanelGroupId) => void;
}
export declare const createPanelGroupEditorSlice: StateCreator<PanelGroupEditorSlice & PanelGroupSlice, Middleware, [
], PanelGroupEditorSlice>;
//# sourceMappingURL=panel-group-editor-slice.d.ts.map