mui-alert-provider/dist/types.d.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;
};