import { Accordion } from '@pulsesync/uikit'
import type { AccordionItem } from '@pulsesync/uikit'

const items: AccordionItem[] = [
  {
    key: 'general',
    title: 'General Settings',
    content: <div>General preferences…</div>,
  },
  {
    key: 'colors',
    title: 'Color Settings',
    content: <div>Accent colors, backgrounds…</div>,
  },
  {
    key: 'dev',
    title: 'Developer',
    content: <div>Debug options…</div>,
    disabled: true,
  },
]

/* Single open, numbered */
<Accordion
  items={items}
  defaultOpen={['general']}
  numbered
/>

/* Multiple open, no numbers */
<Accordion
  items={items}
  multiple
  numbered={false}
/>