"use client";

import { LoadingSkeleton } from "./loading-skeleton";
import { PageBackground } from "./page-background";

type TestLoadingScreenProps = {
  title?: string;
  subtitle?: string;
  locale?: string;
};

export default function TestLoadingScreen(_props: TestLoadingScreenProps) {
  return (
    <>
      <PageBackground disabled />
      <main
        aria-busy="true"
        className="-mx-[17px] flex h-svh flex-col items-center justify-center bg-[#F7F1F0] px-6 text-center select-none"
      >
        <div className="flex w-full max-w-xs flex-col items-center">
          <LoadingSkeleton className="size-44 rounded-[32px]" />
          <LoadingSkeleton className="mt-7 h-6 w-56 rounded-lg" />
          <LoadingSkeleton className="mt-4 h-4 w-full rounded-md" />
          <LoadingSkeleton className="mt-2 h-4 w-4/5 rounded-md" />
        </div>
      </main>
    </>
  );
}