Snackbar

import React, {useState} from "react";
import { Snackbar, Alert, Button } from "shoto-ui";

function SnackbarCustom() {
	const [snackbarOpen, setSnackbar] = useState(false);
	return (
		<div>
          <Button rounded onClick={() => setSnackbar((state) => !state)}>
              {snackbarOpen ? "Close Snackbar" : "Open Snackbar"}
          </Button>
          <Snackbar
            onClose={() => setSnackbar(false)}
            open={snackbarOpen}
            autoHideDuration={2000}
          >
            <Alert severity="info" onClose={() => setSnackbar(false)}>
              Alerting information
            </Alert>
          </Snackbar>
	  </div>
	);
}