# Component/Menu

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `selectedMenu` | `string | undefined` | No |  |  |
| `onClickMenu` | `((id: string | undefined) => void) | undefined` | No |  |  |
| `onMenuGroupOpenChange` | `((id: string | undefined) => void) | undefined` | No |  | MenuGroup 서브 메뉴 open/close시 이벤트를 전달합니다. |
| `toggleMode` | `boolean | undefined` | No | false | Toggle 기능 사용 여부 |
| `dense` | `boolean | undefined` | No | true |  |


## Subcomponents


### MenuGroup



#### Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `groupId` | `string | undefined` | No |  | 그룹 메뉴 ID |
| `id` | `string` | Yes |  | 메뉴 아이템 unique ID |
| `label` | `string` | Yes |  | 메뉴 라벨 |
| `icon` | `ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined` | No |  | 메뉴 아이템 아이콘 |
| `suffix` | `ReactNode | ReactElement<IconProps, string | JSXElementConstructor<any>>` | No |  | 메뉴 아이템 우측 영역에 렌더링 될 요소 |



### MenuItem



#### Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `groupId` | `string | undefined` | No |  | 그룹 메뉴 ID |
| `id` | `string` | Yes |  | 메뉴 아이템 unique ID |
| `label` | `string` | Yes |  | 메뉴 라벨 |
| `icon` | `ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined` | No |  | 메뉴 아이템 아이콘 |
| `suffix` | `ReactNode | ReactElement<IconProps, string | JSXElementConstructor<any>>` | No |  | 메뉴 아이템 우측 영역에 렌더링 될 요소 |