<template>
    <div class="flex justify-between max-w-full overflow-hidden mb-4 p-4 border-fill-sc border-b">
        <span class="skeleton h-4 w-24"></span>
        <span class="skeleton h-4 w-12"></span>
    </div>
    <div class="block p-4">
        <span class="skeleton h-4 w-24 mb-4"></span>
        <span class="skeleton h-8 w-full mb-2"></span>
        <span class="skeleton h-2 w-half"></span>
    </div>
    <div class="flex gap-2 p-4">
        <span class="skeleton-circle size-14 mb-4"></span>
        <span class="skeleton-circle size-14 mb-4"></span>
        <span class="skeleton-circle size-14 mb-4"></span>
        <span class="skeleton-circle size-14 mb-4"></span>
    </div>
    <div class="block p-4">
        <span class="skeleton-circle h-8 rounded-full w-28 mb-2"></span>
    </div>
</template>