# ImageEditor

**Kind:** Component

**Source:** [`atloria-monorepo/packages/editor/src/plugins/image/ImageEditor.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/packages/editor/src/plugins/image/ImageEditor.tsx#L113)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `src` | `string` | ✓ | - |
| `title` | `string` | - | - |
| `alt` | `string` | - | - |
| `nodeKey` | `string` | ✓ | - |
| `width` | `number | unknown` | ✓ | - |
| `height` | `number | unknown` | ✓ | - |
| `rest` | `unknown[]` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_ImageEditor_214d8dbc["ImageEditor"]
    class component_ImageEditor_214d8dbc rootComponent
```

## Relationships

- RENDERS → `React-Suspense`
- RENDERS → `ImagePlaceholderComponent`
- RENDERS → `LazyImage`
- RENDERS → `ImageResizer`
- RENDERS → `EditImageToolbar`
- USES_HOOK → `useCellValues`
- USES_HOOK → `useRef`
- USES_HOOK → `useLexicalNodeSelection`
- USES_HOOK → `useLexicalComposerContext`
- USES_HOOK → `useState`
- USES_HOOK → `useCallback`
- USES_HOOK → `useEffect`
- USES_HOOK → `useMemo`