import { ReactNode } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { SidebarPaneHeader } from './SidebarPaneHeader';
import { SidebarContextValue } from './useSidebar';
export interface Props {
    children?: ReactNode;
    contextValue: SidebarContextValue;
}
export declare function SidebarComp({ children, contextValue }: Props): import("react/jsx-runtime").JSX.Element;
export interface SiderbarToolbarProps {
    children?: ReactNode;
}
export declare function SiderbarToolbar({ children }: SiderbarToolbarProps): import("react/jsx-runtime").JSX.Element;
export declare function SidebarDivider(): import("react/jsx-runtime").JSX.Element;
export interface SidebarOpenPaneProps {
    children?: ReactNode;
}
export declare function SidebarOpenPane({ children }: SidebarOpenPaneProps): import("react/jsx-runtime").JSX.Element;
export declare const getStyles: (theme: GrafanaTheme2) => {
    container: string;
    containerHidden: string;
    containerTabsMode: string;
    containerLeft: string;
    undockedPaneOpen: string;
    toolbar: string;
    toolbarIconsOnly: string;
    divider: string;
    flexGrow: string;
    openPane: string;
    openPaneRight: string;
    openPaneLeft: string;
};
export declare const Sidebar: typeof SidebarComp & {
    Toolbar: typeof SiderbarToolbar;
    Button: import("react").ForwardRefExoticComponent<import("./SidebarButton").Props & import("react").RefAttributes<HTMLButtonElement>>;
    OpenPane: typeof SidebarOpenPane;
    Divider: typeof SidebarDivider;
    PaneHeader: typeof SidebarPaneHeader;
};
export { type SidebarPosition, type SidebarContextValue, useSidebar } from './useSidebar';