# SActionModal

> 자동 생성 문서 — `npm run docs:gen`. 소스: 각 컴포넌트의 Props/Handle 인터페이스 + import 의존성.

### SActionModal

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `open?` | `boolean` | — |  |
| `persistent?` | `boolean` | — | 백드롭·ESC로 안 닫히고 흔들림 (sd-modal-container persistent). **기본값 true** |
| `modalTitle?` | `string` | `''` |  |
| `description?` | `ReactNode` | — | 제목 오른쪽에 붙는 보조 설명 (sd-action-modal 의 header-sub-title 슬롯). 문자열이면 서브텍스트 스타일로 렌더하고, 노드를 넘기면 그대로 배치한다. |
| `button?` | `SFooterButton` | — | 하단 액션 버튼 (주 액션 1개). 의도적으로 단수다 — 보조 버튼(취소·삭제 등)은 `footerLeft` 슬롯에 직접 배치한다. |
| `footerLeft?` | `ReactNode` | — | footer 좌측 영역 (sd-action-modal 의 bottom-sub-content 슬롯). 보조 버튼이나 안내 문구를 넣는다. 버튼을 하나 더 쓰고 싶을 때 여기에 SButton 을 넣는다. |
| `width?` | `number \| string` | — |  |
| `height?` | `number \| string` | — |  |
| `children?` | `ReactNode` | — |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onOpenChange` | `(open: boolean) => void` |  |
| `onClose` | `() => void` | 닫기(X) 버튼 클릭 (sdClose) |

## Dependencies

### Depends on

- [SFooter](../SFooter)
- [SModalContainer](../SModalContainer)
- [SOverlayHeader](../SOverlayHeader)

### Graph

```mermaid
graph TD;
  SActionModal --> SFooter
  SActionModal --> SModalContainer
  SActionModal --> SOverlayHeader
  style SActionModal fill:#f9f,stroke:#333,stroke-width:4px
```