import { Snackbar, Alert } from '@mui/material';
import type React from 'react';

import type { ToastNotificationInterface } from './ToastNotificationHelper';

const style = {
	position: 'absolute',
	top: '50%',
	left: '50%',
	transform: 'translate(-50%, -50%)',
	width: 400,
	bgcolor: 'background.paper',
	boxShadow: 24,
	p: 4
};

const ToastNotification: React.FC<ToastNotificationInterface> = ({
	duration = 4000,
	open,
	handleClose,
	message,
	severity = 'info'
}: ToastNotificationInterface) => (
	<Snackbar
		anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
		open={open}
		autoHideDuration={duration}
		onClose={handleClose}
		>
		<Alert onClose={handleClose} severity={severity} sx={{ width: '100%' }}>
			{message}
		</Alert>
	</Snackbar>
	);

export default ToastNotification;