"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}`))))
    .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), 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'))));
//# sourceMappingURL=stories.js.map