# Lightbox

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `onClose` | `Function` | ✓ | - |
| `label` | `string` | ✓ | - |
| `closeLabel` | `string` | ✓ | - |
| `caption` | `string | null` | - | - |
| `dir` | `unknown | unknown` | - | "ltr" |
| `returnFocusRef` | `unknown` | - | - |
| `children` | `unknown` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_Lightbox_5b913125["Lightbox"]
    class component_Lightbox_5b913125 rootComponent
```

## Relationships

- USES_HOOK → `useRef`
- USES_HOOK → `useEffect`
- USES_HOOK → `useCallback`