# SGuide

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

### SGuide

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `type?` | `SGuideType` | `'tip'` | 가이드 타입 (tip: 팝업, notion: 외부 링크) |
| `label?` | `string` | `''` | 버튼 레이블 (없으면 type 기본값) |
| `message?` | `SGuideMessage` | `''` | 팝업 메시지 (배열이면 리스트, 중첩 배열이면 depth 표현) |
| `url?` | `string` | `''` | notion 타입 클릭 시 이동 URL |
| `popupTitle?` | `string` | `''` | 팝업 제목 (없으면 type 기본값) |
| `popupWidth?` | `number` | — | 팝업 너비 (px, 기본 426) |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

## Dependencies

### Depends on

- [SGhostButton](../SGhostButton)
- [SIcon](../SIcon)

### Graph

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