import { LayoutedView, ViewId } from '@likec4/core/types';
import { CurrentViewModel } from '../hooks/useCurrentViewModel';
import { SetupReturn, NonReducibleUnknown, EventObject, MetaObject } from 'xstate';
export interface Input {
    view: LayoutedView;
    viewModel: CurrentViewModel | null;
}
export type Events = {
    type: 'update.inputs';
    inputs: Input;
} | {
    type: 'searchQuery.change';
    value: string;
} | {
    type: 'searchQuery.changed';
} | {
    type: 'select.folder';
    folderPath: string;
} | {
    type: 'select.view';
    viewId: ViewId;
} | {
    type: 'breadcrumbs.mouseLeave';
} | {
    type: 'breadcrumbs.mouseEnter.root';
} | {
    type: 'breadcrumbs.mouseLeave.root';
} | {
    type: 'breadcrumbs.mouseEnter.folder';
    folderPath: string;
} | {
    type: 'breadcrumbs.mouseLeave.folder';
    folderPath: string;
} | {
    type: 'breadcrumbs.mouseEnter.viewtitle';
} | {
    type: 'breadcrumbs.mouseLeave.viewtitle';
} | {
    type: 'breadcrumbs.click.root';
} | {
    type: 'breadcrumbs.click.folder';
    folderPath: string;
} | {
    type: 'breadcrumbs.click.viewtitle';
} | {
    type: 'dropdown.mouseEnter';
} | {
    type: 'dropdown.mouseLeave';
} | {
    type: 'dropdown.dismiss';
};
export type Emitted = unknown;
export type BreadcrumbItem = {
    type: 'folder';
    folderPath: string;
    title: string;
} | {
    type: 'viewtitle';
    title: string;
};
export type DropdownColumnItem = {
    type: 'folder';
    folderPath: string;
    title: string;
    selected: boolean;
} | {
    type: 'view';
    viewType: 'element' | 'deployment' | 'dynamic' | 'index';
    viewId: string;
    title: string;
    description: string | null;
    selected: boolean;
};
export interface Context {
    view: LayoutedView;
    viewModel: CurrentViewModel | null;
    /**
     * Who activated the dropdown
     * (if `click` then the dropdown is always open until dismissed)
     * @default 'hover'
     */
    activatedBy: 'hover' | 'click';
    /**
     * The folder that is currently selected in the dropdown
     * By default it is the root
     */
    selectedFolder: string;
    searchQuery: string;
}
export type Tags = 'active';
export declare function Context({ input }: {
    input: Input;
}): Context;
export declare const actor: SetupReturn<Context, Events, {}, {}, {}, {
    'was opened on hover': unknown;
    'has search query': unknown;
    'search query is empty': unknown;
}, "open timeout" | "close timeout", "active", Input, NonReducibleUnknown, EventObject, MetaObject>;