arbret/frontend/app/components/LoadingState.tsx

21 lines
483 B
TypeScript
Raw Normal View History

"use client";
import { layoutStyles } from "../styles/shared";
interface LoadingStateProps {
/** Custom loading message (default: "Loading...") */
message?: string;
}
/**
* Standard loading state component.
* Displays a centered loading message with consistent styling.
*/
export function LoadingState({ message = "Loading..." }: LoadingStateProps) {
return (
<main style={layoutStyles.main}>
<div style={layoutStyles.loader}>{message}</div>
</main>
);
}