<template>
  <BaseContentPlaceholders
    :rounded="true"
    class="relative flex justify-between w-full p-3 bg-surface rounded shadow lg:col-span-3 xl:p-4"
  >
    <div>
      <BaseContentPlaceholdersText
        class="h-5 -mb-1 w-14 xl:mb-6 xl:h-7"
        :lines="1"
      />
      <BaseContentPlaceholdersText class="h-3 w-28 xl:h-4" :lines="1" />
    </div>
    <div class="flex items-center">
      <BaseContentPlaceholdersBox
        :circle="true"
        class="w-10 h-10 xl:w-12 xl:h-12"
      />
    </div>
  </BaseContentPlaceholders>
</template>
