2024-09-20 08:38:19 -04:00
|
|
|
<%# locals: (title:, content:, open: true) %>
|
|
|
|
|
|
|
|
|
|
<details class="group space-y-2" <%= "open" if open %>>
|
|
|
|
|
<summary class="flex list-none items-center justify-between rounded-xl px-3 py-2 text-xs font-medium
|
2025-02-13 11:31:07 -05:00
|
|
|
uppercase text-secondary bg-gray-25 focus-visible:outline-hidden">
|
2024-09-20 08:38:19 -04:00
|
|
|
<h3><%= title %></h3>
|
|
|
|
|
<%= lucide_icon "chevron-down",
|
2025-02-13 11:31:07 -05:00
|
|
|
class: "group-open:transform group-open:rotate-180 text-secondary w-5 h-5" %>
|
2024-09-20 08:38:19 -04:00
|
|
|
</summary>
|
|
|
|
|
|
|
|
|
|
<%= content %>
|
|
|
|
|
</details>
|
