# UserAvatar

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

User avatar component with color-coded border

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `user` | `CollaborationUser` | ✓ | - |
| `size` | `unknown | unknown | unknown` | - | "default" |
| `showTooltip` | `boolean` | - | true |

## Diagram

```mermaid
graph TD
    component_UserAvatar_100ae536["UserAvatar"]
    class component_UserAvatar_100ae536 rootComponent
```

## Relationships

- USES_HOOK → `useState`

## Referenced By

- `CollaborationStatusBar` (RENDERS)