import { default as React, ReactNode } from 'react';
/**
 * Sidebar item definition
 */
export interface SidebarItem {
    id: string;
    label: string;
    icon?: ReactNode;
    href?: string;
    onClick?: () => void;
    items?: SidebarItem[];
    badge?: string | number;
    disabled?: boolean;
}
/**
 * Sidebar props
 */
export interface SidebarProps {
    /** Sidebar items */
    items: SidebarItem[];
    /** Currently active item ID */
    activeId?: string;
    /** Item click handler */
    onItemClick?: (item: SidebarItem) => void;
    /** Header content */
    header?: ReactNode;
    /** Footer content */
    footer?: ReactNode;
    /** Whether sidebar is collapsed */
    collapsed?: boolean;
    /** Collapse toggle handler */
    onCollapsedChange?: (collapsed: boolean) => void;
    /** Width when expanded */
    width?: number;
    /** Width when collapsed */
    collapsedWidth?: number;
}
/**
 * Sidebar component - memoized for performance
 */
export declare const Sidebar: React.MemoExoticComponent<({ items, activeId, onItemClick, header, footer, collapsed, onCollapsedChange, width, collapsedWidth, }: SidebarProps) => React.ReactElement>;