<template>
	<div class="flex gap-4 items-center first:border-t border-b border-bord-card py-3 hover:bg-fill-fv cursor-pointer">
		<div class="size-small-avatar rounded-full skeleton-circle inline-flex-center shrink-0"></div>
		<div class="flex-1">
			<div class="skeleton h-3 w-24 mb-2"></div>
			<div class="skeleton h-3 w-16"></div>
		</div>
		<div class="shrink-0 flex flex-col items-end">
			<div class="skeleton h-3 w-16 mb-2"></div>
			<div class="skeleton h-3 w-6"></div>
		</div>
	</div>
</template>

