<!-- source-hash: 10ec2f9a1b5237b3543c1a35d4d9d860 -->
Renders a navigable breadcrumb trail for a file manager UI, displaying a series of clickable path segments separated by chevron icons.

## Key Components

- **`FileManagerBreadcrumb`** — Main exported component that maps over a `FileManagerBreadcrumbProps.items` array to render a `<nav>` with interactive path buttons
- **`ChevronRight`** — Lucide icon injected as a separator between breadcrumb segments (omitted before the first item)
- **`cn`** — Utility for conditional class merging

## Props (`FileManagerBreadcrumbProps`)

| Prop | Description |
|------|-------------|
| `items` | Array of breadcrumb segments, each with a `label` and `path` |
| `onItemClick` | Optional callback invoked with the segment's `path` on click |
| `className` | Optional additional class names applied to the `<nav>` element |

## Behavior Notes

- The **last item** receives `font-medium` styling to visually indicate the current location
- All items use `break-all` to handle long path strings gracefully within wrapped layouts
- Separators use `flex-shrink-0` to prevent chevrons from collapsing in tight spaces

## Usage Example

```typescript
import { FileManagerBreadcrumb } from './file-manager-breadcrumb'

const breadcrumbs = [
  { label: 'Home', path: '/' },
  { label: 'Documents', path: '/documents' },
  { label: 'Reports', path: '/documents/reports' },
]

<FileManagerBreadcrumb
  items={breadcrumbs}
  onItemClick={(path) => console.log('Navigate to:', path)}
  className="px-4 py-2"
/>
```