import { ReactNode } from 'react';
import { IconProps } from '../Icon/index.js';
type SidebarProps = {
    value?: string;
    onChange: (value: string) => void;
    children: ReactNode;
    side?: 'left' | 'right' | false;
};
declare function Sidebar({ children, value, onChange, side }: SidebarProps): import("react/jsx-runtime").JSX.Element;
declare namespace Sidebar {
    var Items: typeof SidebarItems;
    var Group: typeof SidebarGroup;
    var Item: typeof SidebarItem;
    var Header: typeof SidebarHeader;
    var Footer: typeof SidebarFooter;
}
type SidebarHeaderProps = {
    children: ReactNode;
};
declare function SidebarHeader({ children }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
type SidebarFooterProps = {
    children: ReactNode;
};
declare function SidebarFooter({ children }: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
type SidebarItemsProps = {
    children: ReactNode;
};
declare function SidebarItems({ children }: SidebarItemsProps): import("react/jsx-runtime").JSX.Element;
type SidebarGroupProps = {
    children: ReactNode;
    title: string;
};
declare function SidebarGroup({ title, children }: SidebarGroupProps): import("react/jsx-runtime").JSX.Element;
type SidebarItemProps = {
    children: ReactNode;
    value: string;
    icon?: IconProps['variant'];
    description?: string;
    counter?: number;
};
declare function SidebarItem({ children, value, icon, description, counter, }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
export { Sidebar };
export type { SidebarProps };