import { BreadcrumbItem } from '../../providers/shell/ShellUiProvider';
type Breadcrumb = BreadcrumbItem;
/**
 * useBreadcrumbs Hook
 *
 * Convenience hook for managing breadcrumb navigation.
 * Automatically sets breadcrumbs when component mounts and clears when unmounts.
 *
 * Usage:
 * ```tsx
 * function AgentsPage() {
 *   useBreadcrumbs([
 *     { label: 'VibeControls', path: '/' },
 *     { label: 'Agents' },
 *   ]);
 *
 *   return <div>Agents Page</div>;
 * }
 * ```
 *
 * Dynamic updates:
 * ```tsx
 * function AgentDetailsPage({ agentId }) {
 *   const agent = useAgent(agentId);
 *   const { updateBreadcrumbs } = useBreadcrumbs([
 *     { label: 'VibeControls', path: '/' },
 *     { label: 'Agents', path: '/agents' },
 *     { label: agent?.name || 'Loading...' },
 *   ]);
 *
 *   // Update when agent loads
 *   useEffect(() => {
 *     if (agent) {
 *       updateBreadcrumbs([
 *         { label: 'VibeControls', path: '/' },
 *         { label: 'Agents', path: '/agents' },
 *         { label: agent.name },
 *       ]);
 *     }
 *   }, [agent]);
 *
 *   return <div>Agent Details</div>;
 * }
 * ```
 */
export declare function useBreadcrumbs(breadcrumbs: Breadcrumb[]): {
    updateBreadcrumbs: (newBreadcrumbs: Breadcrumb[]) => void;
};
export {};
//# sourceMappingURL=useBreadcrumbs.d.ts.map