"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 });
var react_1 = require("@storybook/react");
var React = __importStar(require("react"));
var Button_1 = require("../../Button");
var StepProcessTopNav_1 = require("./StepProcessTopNav");
var Step_1 = require("./Step");
react_1.storiesOf("Common / Steps / Step Process (with buttons)", module)
    .add("StepProcessTopNav step 1", function () {
    return (React.createElement(StepProcessTopNav_1.StepProcessTopNav, null,
        React.createElement(Step_1.Step, { title: "Step 1", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 2", disabled: true, renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 3", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 4", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 5", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 6", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 7", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous")));
            } },
            React.createElement("p", null, "Content"))));
})
    .add("StepProcessTopNav complete step 1", function () {
    return (React.createElement(StepProcessTopNav_1.StepProcessTopNav, null,
        React.createElement(Step_1.Step, { complete: true, title: "Step 1" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 2" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 3" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 4" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 5" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 6" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 7" },
            React.createElement("p", null, "Content"))));
})
    .add("step 2", function () {
    return (React.createElement(StepProcessTopNav_1.StepProcessTopNav, { activeIndex: 1 },
        React.createElement(Step_1.Step, { complete: true, title: "Step 1" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 2" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 3" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 4" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 5" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 6" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 7" },
            React.createElement("p", null, "Content"))));
})
    .add("step 3", function () {
    return (React.createElement(StepProcessTopNav_1.StepProcessTopNav, { activeIndex: 2 },
        React.createElement(Step_1.Step, { complete: true, title: "Step 1" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 2" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 3" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 4" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 5" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 6" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 7" },
            React.createElement("p", null, "Content"))));
})
    .add("step 3 2 complete", function () {
    return (React.createElement(StepProcessTopNav_1.StepProcessTopNav, { activeIndex: 2 },
        React.createElement(Step_1.Step, { complete: true, title: "Step 1" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 2", complete: true },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 3" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 4" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 5" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 6" },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 7" },
            React.createElement("p", null, "Content"))));
})
    .add("scrolls to top", function () {
    return (React.createElement(StepProcessTopNav_1.StepProcessTopNav, null,
        React.createElement(Step_1.Step, { title: "Step 1", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("div", null,
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"))),
        React.createElement(Step_1.Step, { title: "Step 2", disabled: true, renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("div", null,
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"),
                React.createElement("p", null, "Content"))),
        React.createElement(Step_1.Step, { title: "Step 3", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 4", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 5", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 6", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous"),
                    React.createElement(Button_1.Button, { onClick: function () { return args.goNext(); } }, "got to next")));
            } },
            React.createElement("p", null, "Content")),
        React.createElement(Step_1.Step, { title: "Step 7", renderButtons: function (args) {
                return (React.createElement(React.Fragment, null,
                    React.createElement(Button_1.SecondaryButton, { onClick: function () { return args.goPrevious(); } }, "got to previous")));
            } },
            React.createElement("p", null, "Content"))));
});
//# sourceMappingURL=StepProcessTopNav.stories.js.map