---
import { type Props as AccordionItem } from "./AccordionItem.astro";
import Element from "./Element.astro";

interface Props {
  class?: string
  children: AccordionItem | AccordionItem[]
  [key: string]: string | number | boolean | undefined | AccordionItem | AccordionItem[]
}

const { class: className, ...rest } = Astro.props
---

<Element
  class:list={['accordion w-full border-b border-b-border', className]} {...rest}
  as="ul"
  {...rest}
>
  <slot />
</Element>