<template>
	<div class="w-full h-full">
		<div class="flex justify-center py-4">
			<div class="size-large-avatar skeleton-circle"></div>
		</div>
		<div class="px-4 mb-8 flex flex-col gap-2 items-center">
			<div class="skeleton h-4 w-5/12"></div>
			<div class="skeleton h-4 w-3/12"></div>
		</div>
		<div class="px-4 mb-4 grid grid-cols-4 gap-2">
			<div class="skeleton h-14"></div>
			<div class="skeleton h-14"></div>
			<div class="skeleton h-14"></div>
			<div class="skeleton h-14"></div>
		</div>
		<div class="px-4 flex justify-center">
			<div class="skeleton h-12 w-10/12"></div>
		</div>
	</div>
</template>