# SandpackEditor

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `nodeKey` | `any` | ✓ | - |
| `code` | `any` | ✓ | - |
| `focusEmitter` | `any` | ✓ | - |
| `preset` | `SandpackPreset` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_SandpackEditor_725231f6["SandpackEditor"]
    class component_SandpackEditor_725231f6 rootComponent
```

## Relationships

- RENDERS → `SandpackProvider`
- RENDERS → `SandpackLayout`
- RENDERS → `SandpackCodeEditor`
- RENDERS → `SandpackPreview`
- RENDERS → `CodeUpdateEmitter`
- USES_HOOK → `useCodeMirrorRef`
- USES_HOOK → `useCellValues`
- USES_HOOK → `useCodeBlockEditorContext`
- USES_HOOK → `useTranslation`