"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('WizardSteps', module).add('Default', addon_info_1.withInfo('Default')(() => (react_1.default.createElement("div", { style: { margin: 10 } },
    react_1.default.createElement(index_1.default, { steps: [
            { label: 'Project', active: true, component: react_1.default.createElement("div", null) },
            { label: 'Customers', component: react_1.default.createElement("div", null) },
            { label: 'Services', component: react_1.default.createElement("div", null) },
            { label: 'Rules', component: react_1.default.createElement("div", null) },
        ] }),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement(index_1.default, { steps: [
            { label: 'Project', visited: true, component: react_1.default.createElement("div", null) },
            { label: 'Customers', active: true, component: react_1.default.createElement("div", null) },
            { label: 'Services', component: react_1.default.createElement("div", null) },
            { label: 'Rules', component: react_1.default.createElement("div", null) },
        ] }),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement(index_1.default, { steps: [
            { label: 'Project', visited: true, component: react_1.default.createElement("div", null) },
            { label: 'Customers', visited: true, component: react_1.default.createElement("div", null) },
            { label: 'Services', active: true, component: react_1.default.createElement("div", null) },
            { label: 'Rules', component: react_1.default.createElement("div", null) },
        ] }),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement(index_1.default, { activeColor: "#29a9db", visitedColor: "#e40749", steps: [
            { label: 'Project', visited: true, component: react_1.default.createElement("div", null) },
            { label: 'Customers', visited: true, component: react_1.default.createElement("div", null) },
            { label: 'Services', visited: true, component: react_1.default.createElement("div", null) },
            { label: 'Rules', active: true, component: react_1.default.createElement("div", null) },
        ] }),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement(index_1.default, { steps: [
            { label: 'First', component: react_1.default.createElement("div", null) },
            { label: 'Second', component: react_1.default.createElement("div", null) },
            { label: 'Third', component: react_1.default.createElement("div", null) },
            { label: 'Fourth', component: react_1.default.createElement("div", null) },
            { label: 'Fifth', component: react_1.default.createElement("div", null) },
        ] })))));
//# sourceMappingURL=index.story.js.map