# Component/Modal/NoticeModal

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `label` | `string | undefined` | No |  | 헤더 영역 상단 라벨 노출 요소 |
| `title` | `ReactNode` | No |  |  |
| `text` | `ReactNode` | No |  |  |
| `width` | `CSSValueWithLength | undefined` | No | 500 | Modal 너비를 지정할 수 있습니다. |
| `checkReplay` | `boolean | undefined` | No | false |  |
| `checkReplayText` | `string | undefined` | No | '오늘 하루동안 이 창을 열지 않음' | 푸터 영역 좌측 체크박스 라벨 텍스트 |
| `onCancel` | `((reason: ModalBaseCancelReason) => void) | undefined` | No |  | reason을 포함한 cancel 이벤트를 전달합니다.  - 'cancelClick' | 'escapeKeyPress' | 'overlayClick' |
| `onChangeCheckReplay` | `((e: ChangeEvent<HTMLInputElement>) => void) | undefined` | No |  | 푸터 영역 좌측 체크박스 change 이벤트를 전달합니다. |
| `className` | `string | undefined` | No |  |  |
| `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시 전달합니다. |
