<template>
	<div class="block ">
		<div class="p-4">
			<div class="flex justify-between items-center mb-4">
				<div class="inline-flex items-center gap-2">
					<div class="skeleton-circle size-small-avatar"></div>
					<div class="skeleton h-4 w-16"></div>
				</div>
				<div class="skeleton-circle size-icon-normal"></div>
			</div>
			<div class="block">
				<div class="h-52 skeleton-rounded"></div>
			</div>
		</div>
		<Border></Border>
		<div class="p-4">
			<div class="block mb-4">
				<div class="skeleton h-4 w-20 mb-2"></div>
				<div class="skeleton h-4 w-8/12"></div>
			</div>
			<div class="flex gap-3">
				<div class="skeleton-circle h-9 w-20"></div>
				<div class="skeleton-circle h-9 w-24"></div>
			</div>
		</div>
		<Border></Border>
		<div class="block p-4">
			<div class="skeleton h-4 w-20 mb-2"></div>
			<div class="skeleton h-4 w-8/12 mb-2"></div>
			<div class="skeleton h-4 w-6/12 mb-2"></div>
			<div class="skeleton h-4 w-4/12"></div>
		</div>
	</div>
</template>