export function RouteLoadingScreen({
  eyebrow,
  text,
}: {
  eyebrow: string;
  text: string;
}) {
  return (
    <div className="flex min-h-screen items-center justify-center bg-[#0d1016] px-6 text-zinc-200">
      <div className="text-center">
        <div className="text-sm tracking-[0.26em] text-zinc-500">{eyebrow}</div>
        <div className="mt-3 text-lg font-semibold text-white">{text}</div>
      </div>
    </div>
  );
}