import React from "react";
export declare enum SidebarListType {
    DropDown = "DropDown",
    Label = "Label"
}
export interface SidebarListItemProps {
    name: string;
    id: string;
    onClick?: (...args: any) => void;
    customOptionElement?: React.ReactNode;
    content?: React.ReactNode;
    type?: SidebarListType;
}
export interface SidebarListItem {
    self: SidebarListItemProps;
    children?: SidebarListItemProps[];
}
export declare const SidebarWrap: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: React.ElementType<any> | undefined;
} & {
    fix: boolean;
    contentsSortByRow: boolean;
    rowNumber: number;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
declare const _default: React.NamedExoticComponent<{
    listItems: SidebarListItem[];
    defaultSelectId: string;
    contents: React.ReactNode[];
    topSharedContent?: React.ReactNode;
    fix?: boolean | undefined;
    contentsSortByRow?: boolean | undefined;
}>;
export default _default;
