import React from 'react';

import { Toast } from '../components/Toast';

export default {
    title: 'Design System/Toast',
    component: Toast
};

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

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

// 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'
// }