<template>
    <div class="p-4 border-b border-b-bord-pr last:border-none">
        <div class="flex justify-between items-center pb-4">
            <div class="flex items-center gap-2">
                <div class="shrink-0">
                    <span class="skeleton-circle size-8"></span>
                </div>
                <div class="flex-1">
                    <span class="skeleton h-3 w-24 mb-1"></span>
                    <span class="skeleton h-3 w-12"></span>
                </div>
            </div>
            <div class="shrink-0 ml-auto">
                <span class="skeleton-circle size-4"></span>
            </div>
        </div>
        <div>
            <div class="block mb-4">
                <div class="flex flex-col gap-2">
                    <span class="skeleton h-3 w-12/12"></span>
                    <span class="skeleton h-3 w-8/12"></span>
                    <span class="skeleton h-3 w-4/12"></span>
                </div>
            </div>
            <div class="block mb-4">
                <span class="skeleton h-44 w-full"></span>
            </div>
        </div>
    </div>
</template>