// Usage examples
// Paste <Snackbar/> component in the root of your app (App.js | App.tsx)
// and then just use snackbar function

import React from 'react';
import { Button, Icon, Snackbar, snackbar } from '@assenti/rui-components';

function Example() {
    
    const handleClick = () => {
        snackbar.message('I am a Snackbar', 
            { 
                type: 'success', 
                borderType: 'rounded',
                controls: <Button dark icon={<Icon name="close"/>} onClick={() => snackbar.remove()}/> 
            })
    }

    return (
        <>
            <Snackbar/>
            <br/>
            <Button
                className="mt-10 ml-0"
                onClick={handleClick} 
                name="Invoke snackbar" 
                color="primary"/>
        </>
    )
}