---
import Accordion from "./Accordion.astro";
import collapsibleMarker from "@icons/collapsible-marker.svg?raw";

interface Props {
  title: string;
}
const { title } = Astro.props;
---
<Accordion class="docs-collapsible">
  <div slot="header">
    <Fragment set:html={collapsibleMarker}/>
    {title}
  </div>
  <slot>
</Accordion>