import { AlertTitle, Alert as MuiAlert, AlertProps as MuiAlertProps } from '@mui/material';
import './alert.scss';


export interface AlertProps extends MuiAlertProps {
    message?: string;
    title?: string;
}

export const Alert = ({ title, message, severity, variant, square, ...rest }: AlertProps) => {

    return (
        <div className="alert-container">
            <MuiAlert icon={false} severity={severity} variant={variant} square={square}>
                <AlertTitle>{title}</AlertTitle>
                {message}
            </MuiAlert>
        </div>
    );
}