# AccordionSummaryNode

Header của accordion item — phần luôn hiển thị, click để toggle open/close. Là canvas node — chứa text/icon/node con.

## Resolved name

`AccordionSummary`

## Configurable props

Không có props riêng. Padding được config qua `AccordionGroupNode.accordionSummaryProps.sx`.

## Usage

```tsx
import { AccordionSummaryNode, TextNode, IconNode } from '@janbox/storefront-builder';

<AccordionSummaryNode>
  <FlexboxNode sx={{ justifyContent: 'space-between', alignItems: 'center' }}>
    <TextNode>Question title</TextNode>
    <IconNode source="..." size={16} />
  </FlexboxNode>
</AccordionSummaryNode>
```

## Rules

- **Canvas**: yes — chứa bất kỳ node con nào.
- **Selectable**: no.
- **canMoveOut**: no — không thể kéo ra khỏi `AccordionNode`.
- **Parent**: phải là `AccordionNode`.

## Related nodes

- [`AccordionNode`](../accordion/README.md) — parent item
- [`AccordionGroupNode`](../accordion-group/README.md) — root container
- [`AccordionContentNode`](../accordion-content/README.md) — content area