import * as React from "react";
export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Logo or brand element */
    logo?: React.ReactNode;
    /** Navigation items */
    children?: React.ReactNode;
    /** Footer content */
    footer?: React.ReactNode;
    /** Whether sidebar is expanded (shows labels) */
    expanded?: boolean;
    /** Toggle expand handler */
    onToggleExpand?: () => void;
}
export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
export interface SidebarItemProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Icon to display */
    icon?: React.ReactNode;
    /** Label text */
    label: string;
    /** Whether item is active */
    active?: boolean;
    /** Click handler */
    onClick?: () => void;
    /** Badge or notification count */
    badge?: React.ReactNode;
}
export declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLDivElement>>;
export interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Group label */
    label?: string;
    /** Group items */
    children: React.ReactNode;
}
export declare const SidebarGroup: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=sidebar.d.ts.map