# DocumentEditor

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `content` | `string` | ✓ | - |
| `onChange` | `Function` | ✓ | - |
| `editable` | `boolean` | - | true |
| `originalContent` | `string` | - | - |
| `previewMode` | `boolean` | - | false |
| `selectedAudiences` | `string[]` | - | [] |
| `documentId` | `string` | - | - |
| `projectId` | `string` | - | - |

## Diagram

```mermaid
graph TD
    component_DocumentEditor_702dfdfa["DocumentEditor"]
    class component_DocumentEditor_702dfdfa rootComponent
```

## Relationships

- RENDERS → `AudiencePreviewPanel`
- RENDERS → `MDXEditor`
- RENDERS → `KitchenSinkToolbar`
- RENDERS → `Separator`
- RENDERS → `InsertBlockElement`
- RENDERS → `InsertAudienceButton`
- USES_HOOK → `useRef`
- USES_HOOK → `useImageUpload`
- USES_HOOK → `useSession`
- USES_HOOK → `useAudiences`
- USES_HOOK → `useAPIClient`
- USES_HOOK → `useMemo`
- USES_HOOK → `useCallback`
- USES_HOOK → `useEffect`