# SModalContainer

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

### SModalContainer

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `open?` | `boolean` | — | 표시 여부 (제어) |
| `ariaTitle?` | `string` | `'모달'` | 접근성 제목 (스크린리더용). 시각 제목은 children이 담당 |
| `showClose?` | `boolean` | `false` | 우측 상단 닫기 버튼 |
| `persistent?` | `boolean` | `true` | 백드롭 클릭·ESC로 닫히지 않고 흔들림(shake) 애니메이션 (sd-modal-container persistent). **기본값 true** — 모달은 작성 중인 내용을 잃지 않도록 임의 닫힘을 막는 것이 기본이다. 닫기 경로는 X 버튼과 모달 안의 버튼뿐이다. false로 주면 백드롭·ESC 닫기가 열린다. |
| `width?` | `number \| string` | — | 너비/높이 |
| `height?` | `number \| string` | — |  |
| `children?` | `ReactNode` | — |  |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onOpenChange` | `(open: boolean) => void` | 표시 상태 변경 |
| `onClose` | `() => void` | 닫기(X) 버튼 클릭 시 발생 (sd-modal-container 닫기 버튼 대응) |

## Dependencies

### Used by

 - [SActionModal](../SActionModal)
 - [SConfirmModal](../SConfirmModal)
 - [SLoadingModal](../SLoadingModal)

### Depends on

- [SGhostButton](../SGhostButton)

### Graph

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