design-system-simplefi/build/src/components/Toast/Toast.stories.js

Design System for SimpleFi Applications

import React from 'react';
import { action } from '@storybook/addon-actions';
import Toast from './Toast';
import Button from '../Button/Button';
export default {
    title: 'components/Toast',
    component: Toast,
    decorators: [
        function (storyFn) { return (React.createElement("div", { style: { padding: '25px', marginBottom: '25px' } }, storyFn())); },
    ],
};
export var DefaultToast = function () { return (React.createElement(Toast, { onClose: action('close-toast') }, "This is a notification.")); };
DefaultToast.parameters = {
    chromatic: { pauseAnimationAtEnd: true },
};
export var LongToast = function () { return (React.createElement(Toast, { onClose: action('close-toast') },
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla posuere velit magna, id scelerisque neque tristique sit amet. Nam mollis odio enim, sit amet auctor arcu elementum ut. Ut eget iaculis tortor.",
    React.createElement(Button, { variant: "text" }, "Action"))); };
LongToast.parameters = {
    chromatic: { pauseAnimationAtEnd: true },
};
export var CustomWidthToast = function () { return (React.createElement(Toast, { width: 470, onClose: action('close-toast') },
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla posuere velit magna, id scelerisque neque tristique sit amet. Nam mollis odio enim, sit amet auctor arcu elementum ut. Ut eget iaculis tortor.",
    React.createElement(Button, { variant: "text" }, "Action"))); };
CustomWidthToast.parameters = {
    chromatic: { pauseAnimationAtEnd: true },
};
//# sourceMappingURL=Toast.stories.js.map