# CategoryItem

**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#L258)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `category` | `SkeletonCategory` | ✓ | - |
| `isExpanded` | `boolean` | ✓ | - |
| `isEditing` | `boolean` | ✓ | - |
| `addingDocument` | `boolean` | ✓ | - |
| `newDocumentName` | `string` | ✓ | - |
| `editingDocument` | `unknown | null` | ✓ | - |
| `onToggle` | `Function` | ✓ | - |
| `onStartEdit` | `Function` | ✓ | - |
| `onEndEdit` | `Function` | ✓ | - |
| `onUpdate` | `Function` | ✓ | - |
| `onRemove` | `Function` | ✓ | - |
| `onStartAddDocument` | `Function` | ✓ | - |
| `onCancelAddDocument` | `Function` | ✓ | - |
| `onNewDocumentNameChange` | `Function` | ✓ | - |
| `onAddDocument` | `Function` | ✓ | - |
| `onRemoveDocument` | `Function` | ✓ | - |
| `onUpdateDocument` | `Function` | ✓ | - |
| `onStartEditDocument` | `Function` | ✓ | - |
| `onEndEditDocument` | `Function` | ✓ | - |
| `onReorderDocuments` | `Function` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_CategoryItem_184a0b3["CategoryItem"]
    class component_CategoryItem_184a0b3 rootComponent
```

## Relationships

- RENDERS → `Reorder-Item`
- RENDERS → `GripVertical`
- RENDERS → `ChevronDown`
- RENDERS → `ChevronRight`
- RENDERS → `FilePlus`
- RENDERS → `Trash2`
- RENDERS → `AnimatePresence`
- RENDERS → `motion-div`
- RENDERS → `Button`
- RENDERS → `Reorder-Group`
- RENDERS → `DocumentItem`
- USES_HOOK → `useState`
- USES_HOOK → `useCallback`

## Referenced By

- `SkeletonBuilder` (RENDERS)