export default function Loading() {

  return (

    <div className="mx-auto w-full max-w-register px-4 py-10 sm:px-6">

      <div className="mb-2 h-3 w-24 animate-pulse rounded-sm bg-graphite" />

      <div className="mt-2 h-7 w-48 animate-pulse rounded-sm bg-graphite" />

      <div className="mt-3 h-4 w-full max-w-2xl animate-pulse rounded-sm bg-graphite" />

      <div className="mt-8 h-14 w-full animate-pulse rounded-sm bg-graphite" />

      <div className="mt-8 mb-4 h-4 w-40 animate-pulse rounded-sm bg-graphite" />

      <div className="space-y-1">

        {Array.from({ length: 16 }).map((_, i) => (

          <div key={i} className="h-12 w-full animate-pulse rounded-sm bg-graphite" />

        ))}

      </div>

    </div>

  );

}