import Box from "@mui/material/Box";
import CircularProgress from "@mui/material/CircularProgress";
import Typography from "@mui/material/Typography";

export function IssueDetailLoading() {
  return (
    <Box sx={{ py: 10, display: "flex", justifyContent: "center" }}>
      <CircularProgress size={30} />
    </Box>
  );
}

export function IssueDetailError({ message }: { message: string }) {
  return (
    <Typography
      sx={{
        py: 6,
        color: "#f04438",
        fontSize: 14,
        fontWeight: 600,
        textAlign: "center",
      }}
    >
      {message}
    </Typography>
  );
}