<template>
  <div role="status" class="w-full h-full rounded animate-pulse">
    <div class="flex gap-5 py-2.5 px-3 items-center flex-col">
      <div class="flex gap-2 w-full">
          <div class="w-16 h-4 bg-BORDER rounded-full"></div>
          <div class="w-px h-4 bg-BORDER"></div>
          <div class="w-52 h-4 bg-BORDER rounded-full"></div>
        </div>
      <div class="flex flex-1 items-center gap-6 w-full">
        <div class="w-40 h-16 bg-BORDER rounded-lg"></div>
        <div class="flex flex-col gap-3">
          <div class="w-32 h-4 bg-BORDER rounded-lg"></div>
          <div class="w-32 h-4 bg-BORDER rounded-lg"></div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup></script>
