mui-alert-provider/dist/types.ts

Make your alerts float! A lightweight provider for Material UI’s Alert that fits seamlessly into any web UI.

import {ReactNode} from "react";
import {AlertColor, AlertProps, StackProps, SxProps} from "@mui/material";

export interface Alert {
  message: string;
  severity?: AlertColor;
}

export interface AlertType extends Alert {
  isNewAlert?: boolean;
}

export type AlertPosition =
  | "top-right"
  | "top-left"
  | "bottom-right"
  | "bottom-left";

export interface AlertProviderProps {
  children: ReactNode;
  limit?: number;
  mobileLimit?: number;
  position?: AlertPosition;
  width?: string;
  minWidth?: string;
  containerSx?: SxProps;
  duration?: number;
  mobileBreakpoint?: string;
  muiAlertProps?: AlertProps;
  muiStackProps?: StackProps;
}

export type AlertContextType = {
  addAlert: (alert: Alert) => void;
};