# StepEditor

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/projects/[id]/components/StepEditor.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/projects/[id]/components/StepEditor.tsx#L56)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `projectId` | `string` | ✓ | - |
| `flowId` | `string` | ✓ | - |
| `token` | `string` | - | - |
| `onClose` | `Function` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_StepEditor_62b70f9b["StepEditor"]
    class component_StepEditor_62b70f9b rootComponent
```

## Relationships

- RENDERS → `Loader2`
- RENDERS → `Save`
- RENDERS → `X`
- RENDERS → `Languages`
- RENDERS → `Camera`
- RENDERS → `ArrowUp`
- RENDERS → `ArrowDown`
- RENDERS → `SquareDashedMousePointer`
- RENDERS → `Trash2`
- RENDERS → `RedactionCanvas`
- USES_HOOK → `useState`
- USES_HOOK → `useCallback`
- USES_HOOK → `useEffect`