---
export interface Props {
  title: string
  icon: string
}
const { title, icon }: Props = Astro.props
---

<div class="collapse collapse-arrow join-item border-base-300 border">
  <input type="radio" name="collapse" />
  <div class="collapse-title font-semibold text-left">
    <span class={icon + " align-middle"}></span>
    <span class="ml-1">{title}</span>
  </div>
  <div class="collapse-content text-left">
    <slot />
  </div>
</div>