import { type BoxProps } from '../Box';
export type SidebarProps = BoxProps;
declare const Sidebar: ((props: SidebarProps) => import("react/jsx-runtime").JSX.Element) & {
    TopBar: (({ className, ...props }: {
        children?: import("react").ReactNode;
        className?: string;
    }) => import("react/jsx-runtime").JSX.Element) & {
        Section: ({ className, children, ...props }: {
            children?: import("react").ReactNode;
            className?: string;
        }) => import("react/jsx-runtime").JSX.Element;
        ToolBox: ({ children, className, ...props }: {
            children?: import("react").ReactNode;
            className?: string;
        }) => import("react/jsx-runtime").JSX.Element;
        Wrapper: ({ children }: {
            children?: import("react").ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
        Avatar: {
            size: "x24";
        };
        Actions: import("react").ForwardRefExoticComponent<{
            align?: "start" | "center" | "end";
            stretch?: boolean;
            wrap?: boolean;
            vertical?: boolean;
            small?: boolean;
            large?: boolean;
        } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
        Action: import("react").ForwardRefExoticComponent<{
            icon: import("@rocket.chat/icons").Keys | import("react").ReactElement;
            primary?: boolean;
            secondary?: boolean;
            info?: boolean;
            danger?: boolean;
            warning?: boolean;
            success?: boolean;
            pressed?: boolean;
        } & {
            large?: boolean;
            medium?: boolean;
            small?: boolean;
            tiny?: boolean;
            mini?: boolean;
        } & BoxProps & import("react").RefAttributes<HTMLElement>>;
        Divider: () => import("react/jsx-runtime").JSX.Element;
        Title: (props: {
            children?: import("react").ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
    };
    Item: (({ selected, highlighted, clickable, featured, is: Tag, children, ...props }: import("./Item").SidebarItemProps) => import("react/jsx-runtime").JSX.Element) & {
        Menu: (props: import("./Item").SidebarItemMenuProps) => import("react/jsx-runtime").JSX.Element;
        Container: (props: import("./Item").SidebarItemContainerProps) => import("react/jsx-runtime").JSX.Element;
        Content: ({ className, ...props }: import("./Item").SidebarItemContentProps) => import("react/jsx-runtime").JSX.Element;
        Title: ({ className, ...props }: import("./Item").SidebarItemTitleProps) => import("react/jsx-runtime").JSX.Element;
        Subtitle: ({ className, ...props }: import("./Item").SidebarItemSubtitleProps) => import("react/jsx-runtime").JSX.Element;
        Time: ({ className, ...props }: import("./Item").SidebarItemTimeProps) => import("react/jsx-runtime").JSX.Element;
        Wrapper: ({ className, ...props }: import("./Item").SidebarItemWrapperProps) => import("react/jsx-runtime").JSX.Element;
        Icon: ({ highlighted, children, icon, className: _className, ...props }: import("./Item").SidebarItemIconProps) => import("react/jsx-runtime").JSX.Element;
        Avatar: ({ ...props }: import("./Item").SidebarItemAvatarProps) => import("react/jsx-runtime").JSX.Element;
        Actions: import("react").ForwardRefExoticComponent<{
            align?: "start" | "center" | "end";
            stretch?: boolean;
            wrap?: boolean;
            vertical?: boolean;
            small?: boolean;
            large?: boolean;
        } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
        Action: (props: import("./Item").SidebarItemActionProps) => import("react/jsx-runtime").JSX.Element;
        Badge: ({ className, ...props }: import("./Item").SidebarItemBadgeProps) => import("react/jsx-runtime").JSX.Element;
    };
    Section: ((props: import("./Section").SidebarSectionProps) => import("react/jsx-runtime").JSX.Element) & {
        Title: (props: import("./Section").SidebarSectionTitleProps) => import("react/jsx-runtime").JSX.Element;
    };
    Divider: () => import("react/jsx-runtime").JSX.Element;
    Banner: ({ text, description, onClick, variant, addon, onClose, children, }: import("./SidebarBanner").SidebarBannerProps) => import("react/jsx-runtime").JSX.Element;
};
export default Sidebar;
//# sourceMappingURL=Sidebar.d.ts.map