# CompareDocumentsPage

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/documents/[id]/compare/page.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/documents/[id]/compare/page.tsx#L35)

## Diagram

```mermaid
graph TD
    component_CompareDocumentsPage_5d965af9["CompareDocumentsPage"]
    class component_CompareDocumentsPage_5d965af9 rootComponent
```

## Relationships

- RENDERS → `ArrowLeftIcon`
- RENDERS → `ChartBarIcon`
- RENDERS → `Squares2X2Icon`
- RENDERS → `ViewColumnsIcon`
- RENDERS → `ClockIcon`
- RENDERS → `TimelineView`
- RENDERS → `ArrowsRightLeftIcon`
- RENDERS → `UnifiedDiff`
- RENDERS → `SideBySideDiff`
- USES_HOOK → `useParams`
- USES_HOOK → `useRouter`
- USES_HOOK → `useAPIClient`
- USES_HOOK → `useState`
- USES_HOOK → `useEffect`