import React from 'react';
export type SideNavigationSize = 'sm' | 'md' | 'lg';
export type NavNode = NavItem | SideNavigationNavHeader;
export interface NavItem {
    id: string;
    label: string;
    icon?: React.ReactNode;
    addonRight?: React.ReactNode;
    active?: boolean;
    children?: NavNode[];
}
export interface SideNavigationNavHeader {
    id: string;
    label: string;
    header: true;
    children?: NavNode[];
}
export interface SideNavUserMenuItem {
    id: string;
    label: string;
    icon?: React.ReactNode;
    onClick?: () => void;
}
export interface SideNavUser {
    name: string;
    email: string;
    avatar?: string;
    menuItems?: SideNavUserMenuItem[];
}
export interface SideNavigationProps {
    logo?: React.ReactNode;
    items: NavNode[];
    footer?: React.ReactNode;
    collapsed?: boolean;
    size?: SideNavigationSize;
    activeItemId?: string | null;
    showDarkModeToggle?: boolean;
    hideScrollbar?: boolean;
    user?: SideNavUser;
    onToggleCollapse?: (collapsed: boolean) => void;
    onItemClick?: (id: string) => void;
    onLogout?: () => void;
}
export declare const SideNavigation: ({ items, footer, collapsed, size, activeItemId, onToggleCollapse, onItemClick, user, onLogout, showDarkModeToggle, hideScrollbar, }: SideNavigationProps) => import("react/jsx-runtime").JSX.Element;