MatxSnackbar.jsx 1.01 KB
Newer Older
Giang Tran committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
import React from 'react'
import { IconButton, Icon, Snackbar } from '@material-ui/core'

const MatxSnackbar = ({
    open,
    message,
    duration = 6000,
    horizontal = 'center',
    vertical = 'bottom',
    handleClose,
}) => {
    return (
        <Snackbar
            anchorOrigin={{
                vertical: { vertical },
                horizontal: { horizontal },
            }}
            open={open}
            autoHideDuration={duration}
            onClose={handleClose}
            ContentProps={{
                'aria-describedby': 'message-id',
            }}
            message={<span id="message-id">{message}</span>}
            action={[
                <IconButton
                    key="close"
                    aria-label="close"
                    color="inherit"
                    // className="check"
                    onClick={handleClose}
                >
                    <Icon>close</Icon>
                </IconButton>,
            ]}
        />
    )
}

export default MatxSnackbar