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-8 grid grid-cols-7 gap-1">

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

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

        ))}

      </div>

      {}

      <div className="mt-8 space-y-2">

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

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

        ))}

      </div>

    </div>

  );

}