# Component/Modal/AlertModal

사용자에게 특정 행동에 대한 결과를 알려줄 때 사용합니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `kind` | `undefined "info" "error" "warning" "success"` | No | 'info' |  |
| `title` | `ReactNode` | Yes |  |  |
| `text` | `ReactNode` | No |  |  |
| `subtext` | `ReactNode` | No |  |  |
| `dense` | `boolean | undefined` | No |  |  |
| `confirmText` | `string | undefined` | No |  |  |
| `confirmButtonProps` | `ModalButtonProps | undefined` | No |  |  |
| `autoFocusButton` | `"confirm" | null | undefined` | No | 'confirm' | autofocus 지정할 기본 버튼 요소 |
| `onConfirm` | `(() => void | Promise<void>) | undefined` | No |  | confirmButton 클릭 이벤트 |
| `onClose` | `(() => void | Promise<void>) | undefined` | No |  | onConfirm/onCancel이 호출된 직후 onClose가 호출됩니다. |
| `__floatingPortalId` | `string | undefined` | No |  |  |
| `className` | `string | undefined` | No |  |  |
| `width` | `CSSValueWithLength | undefined` | No | 480 | Modal 너비를 지정할 수 있습니다. |
| `fill` | `boolean | undefined` | No | false |  |
| `opened` | `boolean | undefined` | No |  |  |
| `zIndex` | `number | undefined` | No | getZIndex('modal') |  |
| `canClickOutside` | `boolean | undefined` | No | true | outside 영역 클릭시 닫힘 사용 여부 |
| `canCloseEscapeKey` | `boolean | undefined` | No | true | escapeKey 키이벤트 닫힘 사용 여부 |
| `returnFocus` | `boolean | undefined` | No | true | reference 요소로 포커스 반환 여부 |
| `onExited` | `(() => void) | undefined` | No |  | Modal destroy시 전달합니다. |