<template>
	<div class="block p-4 border-b border-b-bord-pr last:border-b-0">
		<div class="flex gap-3">
			<div class="flex-1">
				<div class="flex items-center gap-2 mb-4">
					<div class="skeleton-circle size-small-avatar"></div>
					<div class="h-4 w-24 skeleton"></div>
				</div>
				<div class="block mb-6">
					<div class="skeleton h-3 w-6/12 mb-2"></div>
					<div class="skeleton h-3 w-3/12"></div>
				</div>
				<div class="block">
					<div class="skeleton h-3 w-11/12 mb-2"></div>
					<div class="skeleton h-3 w-4/12"></div>
				</div>
			</div>
			<div class="size-small-avatar overflow-hidden rounded-md border border-bord-pr">
				<div class="skeleton size-full"></div>
			</div>
		</div>
	</div>
</template>