import { default as React } from 'react';
import { SVGIcon } from '../../assets/icons';
export type DockPosition = 'left' | 'right' | 'bottom' | 'float';
export type PinState = 'pinned' | 'auto-hide';
export type TabMode = 'icon' | 'icon-label';
export interface Breakpoint {
    key: string;
    maxWidth: number;
    label: string;
}
export interface FloatPos {
    x: number;
    y: number;
    width: number;
    height: number;
}
export interface PanelBreakpointOverride {
    breakpointKey: string;
    position?: DockPosition;
    state?: PinState;
    size?: number;
    visible?: boolean;
}
export interface PanelConfig {
    id: string;
    title: string;
    icon: SVGIcon;
    children?: React.ReactNode;
    defaultSize?: number;
    minSize?: number;
    defaultState?: PinState;
    defaultPosition?: DockPosition;
    defaultVisible?: boolean;
    defaultFloatPos?: FloatPos;
    userCanMove?: boolean;
    userCanResize?: boolean;
    userCanClose?: boolean;
    userCanTogglePin?: boolean;
    breakpoints?: PanelBreakpointOverride[];
}
export interface PanelRuntimeState {
    id: string;
    position: DockPosition;
    pinState: PinState;
    size: number;
    floatPos: FloatPos;
    visible: boolean;
}
export interface DockedLayoutState {
    panels: Record<string, PanelRuntimeState>;
    activeTabs: Record<string, string | null>;
}
export interface ContentTab {
    id: string;
    label: string;
    icon?: SVGIcon;
    closable?: boolean;
    content: React.ReactNode;
}
export interface DockedLayoutProps {
    panels: PanelConfig[];
    children?: React.ReactNode;
    layoutState?: DockedLayoutState;
    onChange?: (state: DockedLayoutState) => void;
    tabMode?: TabMode;
    breakpoints?: Breakpoint[];
    contentTabs?: ContentTab[];
    activeContentTabId?: string;
    onContentTabChange?: (tabId: string) => void;
    onContentTabClose?: (tabId: string) => void;
    enableContentTabs?: boolean;
    className?: string;
    style?: React.CSSProperties;
}
export declare const defaultActivityBarWidth = 48;
export declare const defaultBottomBarHeight = 36;
export declare const defaultPanelSize = 260;
export declare const defaultFloatWidth = 320;
export declare const defaultFloatHeight = 400;