# SCallout

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

### SCallout

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `type?` | `SCalloutType` | `'default'` | 콜아웃 타입 (색상·아이콘·타이틀 결정) |
| `message?` | `SCalloutMessage[]` | `[]` | 표시할 메시지 목록 (배열 중첩으로 depth 표현). 각 문자열은 인라인 HTML(`<b>`, `<a>` 등)을 허용하며 sanitizeInlineHtml 로 살균 후 렌더된다. |
| `children?` | `ReactNode` | — | message 대신 직접 본문을 넣을 때 |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

## Dependencies

### Depends on

- [SIcon](../SIcon)

### Graph

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