# Parts (/themes/sdk/reference/editor/parts)

```ts
import { … } from '@poltura/theme-sdk/editor';
```

## `SectionDropArea` [#sectiondroparea]

The editor's drop area for a section with no elements yet, where the merchant adds the first one; nothing outside the editor.

```ts
SectionDropArea(): ReactElement | null
```

**Example**

```tsx
import { SectionDropArea } from '@poltura/theme-sdk/editor';
import { Slot, useChildBlocks } from '@poltura/theme-sdk/elements';

export function Canvas() {
  return useChildBlocks().length > 0 ? <Slot /> : <SectionDropArea />;
}
```