import React from 'react';

import { ToastExample } from '../examples/ToasterExample';

export default {
    title: 'Examples/Toaster',
    component: ToastExample
};

const Template = (args) => <ToastExample {...args} />;

export const Example1 = Template.bind({});
Example1.args = {
    content: 'Custom tag',
    type: 'succes',
    duration: 3000
}

// export const Example2 = Template.bind({});
// Example2.args = {
//     content: 'A tag without color',
//     // color: '#BB56F9'
// }

// export const Example3 = Template.bind({});
// Example3.args = {
//     content: 'Give me any color you want :)',
//     color: '#1C61E7'
// }