import {ToastComponent as Toast} from './toast.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

const meta: Meta<typeof Toast> = {
    title: 'Molecules/Toast',
    component: Toast,
};
export default meta;

type Story = StoryObj<typeof Toast>;

export const Default: Story = {
    render: (args) => (
        <Toast {...args}>
            <Toast.Title>We’ve just released a new update!</Toast.Title>
            <Toast.Description>
                Check out the all new dashboard view. Pages and exports now load
                faster.
            </Toast.Description>
            <Toast.ButtonGroup>
                <Toast.SecondaryButton>Dismiss</Toast.SecondaryButton>
                <Toast.PrimaryButton>Changelog</Toast.PrimaryButton>
            </Toast.ButtonGroup>
        </Toast>
    ),
    args: {
        isOpen: true,
        onClose: function () {},
        hasIcon: true,
    },
};