# Modal

**Kind:** Component

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

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `open` | `boolean` | ✓ | - |
| `onClose` | `Function` | ✓ | - |
| `title` | `string` | ✓ | - |
| `subtitle` | `string` | - | - |
| `children` | `unknown` | ✓ | - |
| `footer` | `unknown` | - | - |
| `maxWidth` | `number` | - | 520 |

## Diagram

```mermaid
graph TD
    component_Modal_6532d240["Modal"]
    class component_Modal_6532d240 rootComponent
```

## Relationships

- RENDERS → `XMarkIcon`
- USES_HOOK → `useEffect`