import { DockableTabs } from '@youwol/rx-tab-views';
import { ChildrenLike, RxHTMLElement, VirtualDOM } from '@youwol/rx-vdom';
import { ImmutableTree } from '@youwol/rx-tree-views';
import { AssetsGateway, ExplorerBackend } from '@youwol/http-clients';
import { BehaviorSubject, Observable } from 'rxjs';
import { AnyFolderNode, BrowserNode, ExplorerState, TreeGroup } from '../..';
export declare class SideNavTab extends DockableTabs.Tab {
    protected constructor(params: {
        id: string;
        state: ExplorerState;
        content: () => VirtualDOM<'div'>;
        title: string;
        icon: string;
    });
}
export declare class MySpaceTab extends SideNavTab {
    constructor(params: {
        state: ExplorerState;
        selectedTab$: Observable<string>;
    });
}
export declare class GroupTab extends SideNavTab {
    constructor(params: {
        state: ExplorerState;
        group: ExplorerBackend.GetGroupResponse;
        selectedTab$: Observable<string>;
    });
}
export declare class GroupsTab extends SideNavTab {
    constructor(params: {
        state: ExplorerState;
        selectedTab$: Observable<string>;
    });
}
export declare class GroupView implements VirtualDOM<'div'> {
    readonly tag = "div";
    readonly class = "fv-bg-background fv-x-lighter h-100 overflow-auto";
    readonly style: {
        width: string;
    };
    readonly children: ChildrenLike;
    readonly explorerState: ExplorerState;
    readonly treeGroup: TreeGroup;
    constructor(params: {
        explorerState: ExplorerState;
        treeGroup: TreeGroup;
    });
}
export declare class TreeViewDrive extends ImmutableTree.View<BrowserNode> {
    readonly explorerState: ExplorerState;
    readonly treeGroup: TreeGroup;
    static baseWrapperHeaderClass: string;
    static wrapperHeaderClassFct: (node: any) => string;
    constructor(params: {
        explorerState: ExplorerState;
        treeGroup: TreeGroup;
    });
}
export declare class GroupsTabView implements VirtualDOM<'div'> {
    readonly tag: 'div';
    readonly class = "w-100";
    readonly children: ChildrenLike;
    readonly explorerState: ExplorerState;
    readonly userInfo: AssetsGateway.UserInfoResponse;
    readonly group$: BehaviorSubject<AssetsGateway.GroupResponse>;
    constructor(params: {
        explorerState: ExplorerState;
        userInfo: AssetsGateway.UserInfoResponse;
    });
}
export declare class GroupPinBtn implements VirtualDOM<'div'> {
    readonly tag = "div";
    readonly children: ChildrenLike;
    readonly activated$: BehaviorSubject<boolean>;
    readonly explorerState: ExplorerState;
    readonly groupId: string;
    readonly onclick: () => void;
    constructor(params: {
        explorerState: ExplorerState;
        groupId: string;
    });
}
export declare class FavoriteItemView implements VirtualDOM<'div'> {
    readonly tag = "div";
    readonly class = "rounded fv-pointer px-1 m-1 fv-bg-background-alt fv-hover-xx-lighter";
    readonly children: ChildrenLike;
    readonly explorerState: ExplorerState;
    readonly favoriteFolder: ExplorerBackend.GetFolderResponse;
    readonly loadingFolder$: BehaviorSubject<boolean>;
    constructor(params: {
        explorerState: ExplorerState;
        favoriteFolder: ExplorerBackend.GetFolderResponse;
    });
}
export declare class FavoritesView implements VirtualDOM<'div'> {
    readonly tag = "div";
    readonly class = "w-100 d-flex flex-wrap overflow-auto";
    readonly style: {
        maxHeight: string;
    };
    readonly children: any;
    readonly explorerState: ExplorerState;
    readonly favoritesFolder: ExplorerBackend.GetFolderResponse[];
    constructor(params: {
        explorerState: ExplorerState;
        favoritesFolder: ExplorerBackend.GetFolderResponse[];
    });
}
export declare class ExplorerFolderView implements VirtualDOM<'div'> {
    readonly tag = "div";
    readonly class = "align-items-center fv-pointer w-100 d-flex";
    readonly treeGroup: TreeGroup;
    readonly folderNode: AnyFolderNode;
    readonly onclick: () => void;
    readonly children: ChildrenLike;
    readonly connectedCallback: (elem: RxHTMLElement<'div'>) => void;
    constructor(params: {
        treeGroup: TreeGroup;
        folderNode: AnyFolderNode;
    });
    headerRenamed(): VirtualDOM<'input'>;
}