// ** React Imports import { ComponentType, Fragment, ReactElement, useState } from 'react' // ** MUI Imports import Button from '@mui/material/Button' import Snackbar from '@mui/material/Snackbar' import Grow, { GrowProps } from '@mui/material/Grow' import Fade, { FadeProps } from '@mui/material/Fade' import Slide, { SlideProps } from '@mui/material/Slide' const GrowTransition = (props: GrowProps) => { return } const SlideTransition = (props: SlideProps) => { return } const SnackbarTransition = () => { // ** State const [state, setState] = useState<{ open: boolean Transition: ComponentType< FadeProps & { children?: ReactElement } > }>({ open: false, Transition: Fade }) const handleClick = ( Transition: ComponentType< FadeProps & { children?: ReactElement } > ) => () => { setState({ open: true, Transition }) } const handleClose = () => { setState({ ...state, open: false }) } return ( Grow Transition Fade Transition Slide Transition ) } export default SnackbarTransition