frontend/src/components/LoadingState.tsx

import { Box, CircularProgress, Typography } from '@mui/material';

export function LoadingState({ label = 'Loading...' }: { label?: string }) {
  return (
    <Box sx={{ py: 8, display: 'grid', placeItems: 'center', gap: 2 }}>
      <CircularProgress />
      <Typography color="text.secondary">{label}</Typography>
    </Box>
  );
}