/// <reference types="jquery" />
import ezPanel = require('./panel');
export interface LayoutOptions {
    fit?: boolean;
    onCollapse?: (region) => void;
    onExpand?: (region) => void;
    onAdd?: (region) => void;
    onRemove?: (region) => void;
}
export interface RegionOptions extends ezPanel.PanelOptions {
    title?: string;
    region: 'north' | 'south' | 'east' | 'west' | 'center';
    border?: boolean;
    split?: boolean;
    iconCls?: string;
    href?: string;
    collapsible?: boolean;
    minWidth?: number;
    minHeight?: number;
    maxWidth?: number;
    maxHeight?: number;
    expandMode?: 'float' | 'dock';
    collapsedSize?: number;
    hideExpandTool?: boolean;
    hideCollapsedContent?: boolean;
    collapsedContent?: (title) => string | string;
}
export declare class Layout {
    selector: string | JQuery | HTMLElement;
    protected func: any;
    $layout: JQuery;
    constructor(selector: string | JQuery | HTMLElement, options?: LayoutOptions);
    /**
     * Set the layout size
     */
    resize(param?: {
        width: number | string;
        height: number | string;
    }): this;
    /**
     * Return the specified panel
     */
    panel(region: 'north' | 'south' | 'east' | 'west' | 'center'): any;
    /**
     * Collapse the specified panel
     */
    collapse(region: 'north' | 'south' | 'east' | 'west'): this;
    /**
     * Expand the specified panel
     */
    expand(region: 'north' | 'south' | 'east' | 'west'): this;
    /**
     * Add a specified panel
     */
    add(options: RegionOptions): this;
    /**
     * Remove the specified panel
     */
    remove(region: 'north' | 'south' | 'east' | 'west'): this;
    /**
     * Split the region panel
     */
    split(region: 'north' | 'south' | 'east' | 'west' | 'center'): any;
    /**
     * Unsplit the region panel
     */
    unsplit(region: 'north' | 'south' | 'east' | 'west' | 'center'): any;
}