#Collapse 折叠面板

import { Collapse, type CollapseItem, Input } from '@sudden3/leaf-ui';

const items: CollapseItem[] = [
  { key: 'about', label: '项目介绍', children: <p>Leaf Garden 的项目信息。</p> },
  {
    key: 'settings',
    label: '设置',
    children: <Input aria-label="项目名称" placeholder="输入后折叠，内容会保留" />,
  },
  { key: 'archived', label: '已归档', children: null, disabled: true },
];
export function CollapseBasic() {
  return (
    <div className="leaf-demo-stack leaf-demo-stack--wide">
      <Collapse items={items} defaultActiveKey="about" />
      <Collapse items={items} accordion size="sm" />
    </div>
  );
}