# MobileNavigation

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Layout/DocumentLayout.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Layout/DocumentLayout.tsx#L129)

Mobile navigation component - collapsible drawer

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `items` | `DocumentTreeNode[]` | ✓ | - |
| `activeId` | `string` | - | - |
| `loading` | `boolean` | ✓ | - |
| `onItemClick` | `Function` | - | - |

## Diagram

```mermaid
graph TD
    component_MobileNavigation_199792c["MobileNavigation"]
    class component_MobileNavigation_199792c rootComponent
```

## Relationships

- RENDERS → `NavigationTree`
- USES_HOOK → `useState`

## Referenced By

- `DocumentLayout` (RENDERS)