# CollaborationStatusBar

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `synced` | `boolean` | ✓ | - |
| `activeUsers` | `CollaborationUser[]` | ✓ | - |
| `connectionStatus` | `ConnectionStatus` | ✓ | - |
| `maxVisibleUsers` | `number` | - | 5 |
| `className` | `string` | - | "" |

## Diagram

```mermaid
graph TD
    component_CollaborationStatusBar_20048f2e["CollaborationStatusBar"]
    class component_CollaborationStatusBar_20048f2e rootComponent
```

## Relationships

- RENDERS → `SyncStatusIndicator`
- RENDERS → `UserAvatar`
- RENDERS → `OverflowIndicator`