# DocumentList

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `projectId` | `string` | - | - |
| `categoryId` | `string | null` | - | - |
| `documents` | `any[]` | ✓ | - |
| `loading` | `boolean` | ✓ | - |
| `error` | `Error | null` | ✓ | - |
| `totalCount` | `number` | ✓ | - |
| `onFiltersChange` | `Function` | ✓ | - |
| `onCreateDocument` | `Function` | - | - |

## Diagram

```mermaid
graph TD
    component_DocumentList_6733cd4b["DocumentList"]
    class component_DocumentList_6733cd4b rootComponent
```

## Relationships

- RENDERS → `SearchBar`
- RENDERS → `SortControl`
- RENDERS → `ViewToggle`
- RENDERS → `FilterChips`
- RENDERS → `LoadingGrid`
- RENDERS → `ErrorState`
- RENDERS → `EmptyState`
- RENDERS → `DocumentCard`
- RENDERS → `DocumentListItem`
- RENDERS → `Pagination`
- RENDERS → `DeleteDocumentModal`
- USES_HOOK → `useRouter`
- USES_HOOK → `useSearchParams`
- USES_HOOK → `useAPIClient`
- USES_HOOK → `useState`
- USES_HOOK → `useEffect`
- USES_HOOK → `useRef`
- USES_HOOK → `useCallback`