<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-small-avatar"></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-6"></span>
            </div>
        </div>
        <div class="ml-small-avatar pl-2">
            <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 class="flex justify-between items-center pb-4">
                <div class="flex items-center gap-2">
                    <div class="shrink-0">
                        <span class="skeleton-circle size-6"></span>
                    </div>
                    <div class="flex-1">
                        <span class="skeleton h-3 w-24"></span>
                    </div>
                </div>
                <div class="shrink-0 ml-auto">
                    <span class="skeleton h-3 w-12"></span>
                </div>
            </div>
            <div class="flex justify-between items-center">
                <div class="flex gap-2 flex-wrap">
                    <span class="skeleton h-4 w-12"></span>
                    <span class="skeleton h-4 w-12"></span>
                    <span class="skeleton h-4 w-12"></span>
                    <span class="skeleton h-4 w-12"></span>
                </div>
                <div class="shrink-0">
                    <span class="skeleton h-4 w-6"></span>
                </div>
            </div>
        </div>
    </div>
</template>