"use client";

import { FC } from "react";
import { Box, Grid } from "@mui/material";

type DisplayErrorProps = {
  error: Error;
};

export const DisplayError: FC<DisplayErrorProps> = ({ error }) => (
  <Grid
    container
    direction="column"
    justifyContent="space-around"
    alignItems="center"
    style={{ height: 600, width: "100%", color: "red", fontSize: 20 }}
  >
    <Grid item>
      <Box>{`Error: ${error.message}`}</Box>
    </Grid>
  </Grid>
);