<div class="flex h-full w-full items-center justify-center p-4">
	<div class="space-y-2">
		<div
			class="bg-base-200 dark:bg-base-700 flex items-center gap-1 rounded-ui-sm px-2 py-1.5 shadow-sm"
		>
			<div class="bg-base-400 dark:bg-base-500 h-4 w-4 rounded"></div>
			<div class="bg-base-400 dark:bg-base-500 h-4 w-4 rounded"></div>
			<div class="bg-base-400 dark:bg-base-500 h-4 w-4 rounded"></div>
			<div class="bg-base-400 dark:bg-base-500 h-4 w-4 rounded"></div>
		</div>
		<div class="flex items-center gap-1">
			<div class="bg-base-200 dark:bg-base-700 h-3 w-8 rounded"></div>
			<div class="bg-accent-500/30 h-3 w-16 rounded"></div>
			<div class="bg-base-200 dark:bg-base-700 h-3 w-10 rounded"></div>
		</div>
	</div>
</div>
