# SkeletonBuilder

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `skeleton` | `SkeletonStructure | null` | ✓ | - |
| `isDirty` | `boolean` | - | false |
| `loading` | `boolean` | - | false |
| `onAddCategory` | `Function` | ✓ | - |
| `onRemoveCategory` | `Function` | ✓ | - |
| `onUpdateCategory` | `Function` | ✓ | - |
| `onAddDocument` | `Function` | ✓ | - |
| `onRemoveDocument` | `Function` | ✓ | - |
| `onUpdateDocument` | `Function` | ✓ | - |
| `onReorderCategories` | `Function` | ✓ | - |
| `onReorderDocuments` | `Function` | ✓ | - |
| `onSave` | `Function` | ✓ | - |
| `onReset` | `Function` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_SkeletonBuilder_4d65a3cc["SkeletonBuilder"]
    class component_SkeletonBuilder_4d65a3cc rootComponent
```

## Relationships

- RENDERS → `Button`
- RENDERS → `RotateCcw`
- RENDERS → `Loader2`
- RENDERS → `Save`
- RENDERS → `FolderPlus`
- RENDERS → `Reorder-Group`
- RENDERS → `CategoryItem`
- USES_HOOK → `useState`
- USES_HOOK → `useCallback`