# SOverlayHeader

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

### SOverlayHeader

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `title?` | `ReactNode` | — | 시각 제목 |
| `description?` | `ReactNode` | — | 제목 오른쪽 보조 설명 |
| `showClose?` | `boolean` | `false` | 닫기 버튼 표시 |
| `reserveCloseSpace?` | `boolean` | `false` | 외부 absolute 닫기 버튼 공간 확보 |
| `className?` | `string` | — |  |
| `titleClassName?` | `string` | — |  |
| `descriptionClassName?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onClose` | `() => void` | 닫기 버튼 클릭 |

## Dependencies

### Used by

 - [SActionModal](../SActionModal)
 - [SDrawer](../SDrawer)

### Depends on

- [SGhostButton](../SGhostButton)

### Graph

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