import { default as React } from 'react';
export interface NavigationItem {
    /** Unique identifier for the item */
    id: string;
    /** Display label */
    label: string;
    /** Optional description/subtitle */
    description?: string;
    /** Icon component */
    icon: React.ComponentType<{
        className?: string;
    }>;
    /** Path or identifier for selection */
    path: string;
    /** Optional badge count */
    badge?: number;
    /** Whether the item is disabled */
    disabled?: boolean;
}
export interface NavigationListProps {
    /** Array of navigation items */
    items: NavigationItem[];
    /** Currently selected item path */
    selectedPath?: string;
    /** Callback when an item is selected */
    onSelect: (path: string) => void;
    /** Variant of the navigation list */
    variant?: 'default' | 'compact' | 'sidebar';
    /** Additional className for the container */
    className?: string;
}
/**
 * NavigationList Component
 *
 * Displays a list of navigation items with icons, labels, and descriptions.
 * Commonly used in settings pages and documentation for master-detail layouts.
 *
 * @example
 * ```tsx
 * const items = [
 *   {
 *     id: 'general',
 *     label: 'General',
 *     description: 'Basic account settings',
 *     icon: Cog6ToothIcon,
 *     path: '/settings/general'
 *   },
 *   // ...
 * ];
 *
 * <NavigationList
 *   items={items}
 *   selectedPath={currentPath}
 *   onSelect={handleSelect}
 * />
 * ```
 */
export declare const NavigationList: React.FC<NavigationListProps>;
//# sourceMappingURL=navigation-list.d.ts.map