// components/Accordion.js
import { Tag } from "sigpro";
import { Collapse } from "./Collapse.js";

export const Accordion = (props) => {
  const name = props.name || `accordion-${Math.random().toString(36).slice(2, 9)}`;
  return Tag("div", { class: `space-y-2 ${props.class ?? ''}` }, 
    props.items.map(item => Collapse({
      ...item,
      name,
      type: "radio",
      class: item.class
    }, item.children))
  );
};