<template>
  <UCollapsible class="space-y-2 w-48">
    <UButton
      class="group"
      trailing-icon="i-heroicons-chevron-right-20-solid"
      color="gray"
      label="Open"
      block
      :ui="{ trailingIcon: 'group-data-[state=open]:rotate-90 transition-transform duration-200' }"
    />

    <template #content>
      <Placeholder class="h-24 w-full" />
    </template>
  </UCollapsible>
</template>
