// ** React Imports import { Fragment, SyntheticEvent, useState } from 'react' // ** MUI Imports import Alert from '@mui/material/Alert' import Button from '@mui/material/Button' import Snackbar from '@mui/material/Snackbar' // ** Hook Import import { useSettings } from 'src/@core/hooks/useSettings' const SnackbarAlert = () => { // ** State const [open, setOpen] = useState(false) // ** Hook & Var const { settings } = useSettings() const { skin } = settings const handleClick = () => { setOpen(true) } const handleClose = (event?: Event | SyntheticEvent, reason?: string) => { if (reason === 'clickaway') { return } setOpen(false) } return ( This is a success message! ) } export default SnackbarAlert