import { Alert, Box } from "@mui/material";

interface InfoAlertProps {
  message: string;
  width?: string | number;
  top?: number | string;
  color?: string;
  zIndex?: number;
  position?: "absolute" | "relative" | "fixed" | "sticky";
}

const InfoAlert = ({
  message,
  width = "100%",
  top = 10,
  color = "#088AB2",
  zIndex = -1,
  position = "absolute",
}: InfoAlertProps) => {
  return (
    <Box
      sx={{
        fontSize: "12px",
        color,
        width,
        height: "fit-content",
        position,
        zIndex,
        top,
      }}
    >
      <Alert sx={{ borderRadius: "12px 12px 0 0 !important" }} severity="info">
        {message}
      </Alert>
    </Box>
  );
};

export default InfoAlert;