"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>
  );
}