@cimpress/react-components/dist/esm/docs/components/snackbar/snackbar.js

React components to support the MCP styleguide

import React, { Component } from 'react';
import { Button, Snackbar } from '@cimpress/react-components';
export default class SnackbarDemo extends Component {
    constructor() {
        super(...arguments);
        Object.defineProperty(this, "state", {
            enumerable: true,
            configurable: true,
            writable: true,
            value: {
                showSnackbar: false,
                status: 'success',
            }
        });
        Object.defineProperty(this, "hideSnackbar", {
            enumerable: true,
            configurable: true,
            writable: true,
            value: () => this.setState({ showSnackbar: false })
        });
    }
    render() {
        const { showSnackbar, status } = this.state;
        const cols = [undefined, 'info', 'success', 'warning', 'danger'];
        return (React.createElement("div", null,
            cols.map(name => (React.createElement(Button, { className: `btn btn-block btn-outline-${name}`, style: { marginRight: 10 }, onClick: () => this.setState({ showSnackbar: true, status: name }) },
                "Show ",
                name,
                " snackbar"))),
            React.createElement(Snackbar, { show: showSnackbar, status: status, delay: 4000, onHideSnackbar: this.hideSnackbar }, "I am a snackbar!")));
    }
}
//# sourceMappingURL=snackbar.js.map