---
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>
