# SPopup

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

### SPopup

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `popupTitle?` | `string` | `''` | 헤더 제목 |
| `type?` | `SPopupType` | `'default'` | 타입 (헤더 색상) |
| `useFooter?` | `boolean` | `false` | 하단 footer 표시 여부 |
| `submitButton?` | `SPopupSubmitButton` | — | 확인 버튼 설정 |
| `footerLeft?` | `ReactNode` | — | footer 좌측 영역 |
| `noPadding?` | `boolean` | `false` | 본문 기본 패딩을 없앱니다. 표를 가장자리까지 채우는 등 본문이 직접 여백을 다룰 때만 사용합니다. |
| `children?` | `ReactNode` | — | 본문 |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onSubmit` | `() => void` | 확인 버튼 클릭 (sdSubmit) |

## Dependencies

### Depends on

- [SFooter](../SFooter)

### Graph

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