<div class="flex h-full w-full items-center justify-center p-4">
	<div class="flex items-center gap-1">
		<div
			class="bg-accent-500/15 text-accent-700 dark:text-accent-400 rounded-ui-sm px-2 py-1 text-[10px] font-medium"
		>
			P
		</div>
		<div
			class="text-base-500 hover:bg-base-200 dark:hover:bg-base-700 rounded-ui-sm px-2 py-1 text-[10px] font-medium"
		>
			H1
		</div>
		<div
			class="text-base-500 hover:bg-base-200 dark:hover:bg-base-700 rounded-ui-sm px-2 py-1 text-[10px] font-medium"
		>
			H2
		</div>
		<div
			class="text-base-500 hover:bg-base-200 dark:hover:bg-base-700 rounded-ui-sm px-2 py-1 text-[10px] font-medium"
		>
			H3
		</div>
	</div>
</div>
