# Component/Tree

계층 구조로 구성된 데이터를 트리 형태로 시각화해주는 컴포넌트입니다.
폴더, 메뉴, 항목 등의 부모-자식 관계를 시각적으로 명확하게 보여줄 수 있어, 복잡한 구조를 효율적으로 탐색할 수 있게 도와줍니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `items` | `TreeEntry[]` | Yes |  |  |
| `searchKeyword` | `string | undefined` | No |  |  |
| `expandedIds` | `string[] | undefined` | No |  |  |
| `defaultExpandedIds` | `string[] | undefined` | No |  |  |
| `selectedIds` | `string[] | undefined` | No |  |  |
| `checkable` | `boolean | undefined` | No | false |  |
| `checkedIds` | `string[] | undefined` | No | [] |  |
| `shouldExpandOnSelect` | `boolean | undefined` | No | true | 항목 선택 시 확장/접힘을 함께 처리할지 여부. `false`로 두면 항목(행) 클릭은 선택만 하고, 확장/접힘은 좌측 화살표 아이콘 클릭(또는 키보드 방향키)으로만 동작한다. |
| `onSelect` | `((item: TreeEntry, path: TreePath) => void) | undefined` | No |  |  |
| `onChecked` | `((items: TreePath, checkedIds: string[]) => void) | undefined` | No |  |  |
| `onExpand` | `((item: TreeEntry, path: TreePath) => void) | undefined` | No |  |  |