"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const addon_actions_1 = require("@storybook/addon-actions");
const addon_knobs_1 = require("@storybook/addon-knobs");
const react_1 = require("@storybook/react");
const React = __importStar(require("react"));
const index_1 = require("./index");
const loremIpsum = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit,' +
    ' sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' +
    ' Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi' +
    ' ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit' +
    ' in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur' +
    ' sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt' +
    ' mollit anim id est laborum.';
react_1.storiesOf('Molecules|Modal', module)
    .addDecorator(addon_knobs_1.withKnobs)
    .add('Modal', () => (React.createElement(index_1.Modal, { title: addon_knobs_1.text('Title', 'My modal'), description: addon_knobs_1.text('Description', 'My awesome modal here'), onCancel: addon_actions_1.action('cancel') }, addon_knobs_1.text('Content', 'Content of the modal'))))
    .add('Modal with long description', () => (React.createElement(index_1.Modal, { title: addon_knobs_1.text('Title', 'My modal'), description: addon_knobs_1.text('Description', `My awesome modal here: this is a long long long long long long long description`), onCancel: addon_actions_1.action('cancel') }, addon_knobs_1.text('Content', `Content of the modal: ${loremIpsum}. ${loremIpsum}`))))
    .add('Modal with buttons', () => (React.createElement(index_1.Modal, { title: addon_knobs_1.text('Title', 'My modal'), description: addon_knobs_1.text('Description', 'My awesome modal here'), onCancel: addon_actions_1.action('cancel'), onContinue: addon_actions_1.action('continue'), continueDanger: addon_knobs_1.boolean('continueDanger', false), continueContent: addon_knobs_1.text('continueContent', '') }, addon_knobs_1.text('Content', 'Content of the modal with action buttons'))))
    .add('Modal with buttons and App icon', () => (React.createElement(index_1.Modal, { title: addon_knobs_1.text('Title', 'My modal'), description: addon_knobs_1.text('Description', 'My awesome modal here'), onCancel: addon_actions_1.action('cancel'), onContinue: addon_actions_1.action('continue'), applicationIcon: addon_knobs_1.text('applicationIcon', 'https://dl.airtable.com/GFscY2CMS6WaaWzOrjlT_provider-svg-gmail.svg'), themeColor: addon_knobs_1.text('themeColor', '#ABCDEF'), continueDanger: addon_knobs_1.boolean('continueDanger', false), continueContent: addon_knobs_1.text('continueContent', '') }, addon_knobs_1.text('Content', 'Content of the modal with buttons and Application icon'))))
    .add('Modal - loading state', () => (React.createElement(index_1.Modal, { title: addon_knobs_1.text('Title', 'My modal'), description: addon_knobs_1.text('Description', 'My awesome modal here'), onCancel: addon_actions_1.action('cancel'), onContinue: addon_actions_1.action('continue'), applicationIcon: addon_knobs_1.text('applicationIcon', 'https://dl.airtable.com/GFscY2CMS6WaaWzOrjlT_provider-svg-gmail.svg'), themeColor: addon_knobs_1.text('themeColor', '#ABCDEF'), isLoading: addon_knobs_1.boolean('isLoading', true), confirmButtonIsLoading: addon_knobs_1.boolean('confirmButtonIsLoading', true), continueDanger: addon_knobs_1.boolean('continueDanger', false), continueContent: addon_knobs_1.text('continueContent', '') },
    React.createElement("div", null, addon_knobs_1.text('Content', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris semper risus venenatis justo maximus ultricies. Donec eget mi imperdiet, eleifend nisi ut, cursus ex. Pellentesque est arcu, vestibulum ac feugiat quis, vulputate in massa. Donec malesuada tempus tortor, ut sodales magna vulputate quis. Nunc ac tortor iaculis, rhoncus urna rutrum, luctus libero. Donec nec scelerisque justo, quis pharetra ante. Donec porta lacus quis orci egestas, nec vulputate quam ultricies.')),
    React.createElement("br", null),
    React.createElement("div", null, addon_knobs_1.text('Content', 'Proin at ex nisi. Aliquam faucibus eu erat nec sollicitudin. Aliquam non sapien vitae velit blandit sollicitudin at non mi. Morbi pellentesque, est vitae placerat semper, lorem elit ultricies mauris, sed porttitor augue augue quis ex. Maecenas id pellentesque ligula. Nullam porttitor ipsum dui, sit amet maximus libero fermentum non. Nulla vulputate nisi lectus, non scelerisque dolor consequat sed. Ut id mattis metus, sed mattis justo. Phasellus sollicitudin mi lacus, eu eleifend elit finibus sit amet. Ut id vestibulum nunc. Morbi ac pellentesque odio. Etiam ac quam sodales, pulvinar metus sit amet, vestibulum erat. Nam facilisis nisi eu laoreet laoreet. Aenean volutpat purus ante, et consequat velit aliquam a. Etiam molestie, diam eu sollicitudin tristique, nunc diam tincidunt urna, id iaculis est magna ac dolor. Aenean in enim vulputate, euismod ex in, sollicitudin quam.')),
    React.createElement("br", null),
    React.createElement("div", null, addon_knobs_1.text('Content', 'Proin viverra libero risus, sed facilisis risus tincidunt at. Praesent ultrices, urna sed aliquet tempor, tortor mi scelerisque risus, at finibus erat quam at massa. Curabitur et dapibus purus. Etiam pellentesque dolor vitae pulvinar rutrum. Sed dignissim elit purus, id semper lacus pharetra nec. Proin sit amet massa ut massa euismod maximus. Morbi posuere sollicitudin elit, ut lobortis ipsum fermentum eget. Nam sagittis eros ut ex mattis, quis lobortis dui efficitur. Pellentesque feugiat magna cursus suscipit euismod.')))));
//# sourceMappingURL=stories.js.map