"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const react_2 = require("@storybook/react");
const addon_info_1 = require("@storybook/addon-info");
const index_1 = __importDefault(require("./index"));
react_2.storiesOf('Button', module).add('Default', addon_info_1.withInfo('Default')(() => (react_1.default.createElement("div", { style: { padding: 10 } },
    react_1.default.createElement("div", { style: { width: 400 } },
        react_1.default.createElement("label", { className: "label" }, "Default"),
        react_1.default.createElement(index_1.default, { title: "Submit" }),
        react_1.default.createElement("label", { className: "label" }, "Compact Mode"),
        react_1.default.createElement(index_1.default, { title: "Submit", applyBorderRadius: true, compactMode: true }),
        react_1.default.createElement("label", { className: "label" }, "Without background"),
        react_1.default.createElement(index_1.default, { title: "Submit", withoutBackground: true, applyBorderRadius: true }),
        react_1.default.createElement("label", { className: "label" }, "Button with borderRadius"),
        react_1.default.createElement(index_1.default, { title: "Submit", applyBorderRadius: true }),
        react_1.default.createElement("label", { className: "label" }, "Disabled Button"),
        react_1.default.createElement(index_1.default, { title: "Submit", applyBorderRadius: true, isDisabled: true }),
        react_1.default.createElement("label", { className: "label" }, "Button with After Icon"),
        react_1.default.createElement(index_1.default, { title: "Submit", applyBorderRadius: true, iconAfter: react_1.default.createElement("i", { className: "fa fa-arrow-right" }) }),
        react_1.default.createElement("label", { className: "label" }, "Button with Before Icon"),
        react_1.default.createElement(index_1.default, { title: "Add", applyBorderRadius: true, iconBefore: react_1.default.createElement("i", { className: "fa fa-plus" }) }),
        react_1.default.createElement("label", { className: "label" }, "Button with Spinner"),
        react_1.default.createElement(index_1.default, { title: "Submitting", applyBorderRadius: true, iconAfter: react_1.default.createElement("i", { className: "fa fa-pulse fa-spinner" }) }),
        react_1.default.createElement("label", { className: "label" }, "Button with different color"),
        react_1.default.createElement(index_1.default, { title: "Submit", applyBorderRadius: true, buttonColor: '#1d99d1' }),
        react_1.default.createElement("label", { className: "label" }, "Button with height & width props"),
        react_1.default.createElement(index_1.default, { title: "Submit", applyBorderRadius: true, width: 500 }))))));
//# sourceMappingURL=index.story.js.map