"use client";

import { LoadingState } from "@/components/LoadingState";

/**
 * Route-level loading screen (used by `loading.tsx` boundaries and by client
 * screens that wait for local data). Rendered the moment a navigation starts,
 * so a slow request never looks like a dead tap. Same loading screen as the
 * rest of the app, without pipeline stages.
 */
export function RouteLoading({ messageKey }: { messageKey: string }) {
  return (
    <div className="frost-bg grid min-h-dvh place-items-center px-4">
      <LoadingState messageKey={messageKey} />
    </div>
  );
}