<?php
/**
 * PDFDraft Loader Template
 */

defined( 'ABSPATH' ) || exit;
?>

<div class="relative min-h-screen overflow-hidden">
	<div class="flex h-full w-full">
		<div class="absolute inset-0 flex h-full min-h-screen w-full">
			<div
				class="relative flex flex-[1_1_auto] flex-col flex-nowrap overflow-hidden"
			>
				<div
					class="z-10 flex h-[var(--header-height,72px)] flex-shrink-0 flex-col overflow-hidden border-b bg-white"
				>
					<div class="grid h-full w-[90px] place-items-center border-r">
						<div
							class="size-8 animate-pulse rounded-md bg-gray-600/10"
						></div>
					</div>
				</div>
				<div
					class="relative flex h-[calc(100%-var(--header-height,72px))] w-full flex-grow flex-row flex-nowrap"
				>
					<div class="flex h-full w-full">
						<div class="relative z-[1] flex flex-shrink-0">
							<div
								class="bg-background text-muted-foreground flex h-full w-[90px] flex-col items-center justify-start border-r p-0"
							>
								<div class="flex-1">
									<div
										class="flex flex-col items-center space-y-[6px] px-3 py-[18px]"
									>
										<div
											class="size-8 animate-pulse rounded-md bg-gray-600/10"
										></div>
										<div
											class="h-5 w-[50px] animate-pulse rounded-md bg-gray-600/10"
										></div>
									</div>
									<div
										class="flex flex-col items-center space-y-[6px] px-3 py-[18px]"
									>
										<div
											class="size-8 animate-pulse rounded-md bg-gray-600/10"
										></div>
										<div
											class="h-5 w-[50px] animate-pulse rounded-md bg-gray-600/10"
										></div>
									</div>
								</div>
								<div
									class="flex flex-col items-center space-y-[6px] px-3 py-[18px]"
								>
									<div
										class="size-8 animate-pulse rounded-md bg-gray-600/10"
									></div>
									<div
										class="h-5 w-[50px] animate-pulse rounded-md bg-gray-600/10"
									></div>
								</div>
							</div>
						</div>
						<div
							class="bg-background relative isolate flex h-full flex-grow flex-col overflow-hidden"
						>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
