# DocumentLayout

**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#L30)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `children` | `ReactNode` | ✓ | - |
| `organizationId` | `string` | ✓ | - |
| `projectId` | `string` | ✓ | - |
| `activeDocumentId` | `string` | - | - |
| `className` | `string` | - | - |
| `onNavigate` | `Function` | - | - |

## Diagram

```mermaid
graph TD
    component_DocumentLayout_739b223["DocumentLayout"]
    class component_DocumentLayout_739b223 rootComponent
```

## Relationships

- RENDERS → `NavigationTree`
- RENDERS → `MobileNavigation`
- USES_HOOK → `useState`
- USES_HOOK → `useEffect`
- USES_HOOK → `useCallback`