"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 Tabs_1 = require("./Tabs");
var Tab_1 = require("./Tab");
var TabsStyled_1 = require("./TabsStyled");
var textComponents_1 = require("./textComponents");
react_1.storiesOf("Common / Tabs", module)
    .add("Default Tabs", function () {
    return (React.createElement(Tabs_1.Tabs, null,
        React.createElement(Tab_1.Tab, { title: "Index" },
            React.createElement("p", null, "Some Content")),
        React.createElement(Tab_1.Tab, { title: "Sign" },
            React.createElement("p", null, "Some other Content"))));
})
    .add("Styled Large Tab", function () {
    return (React.createElement(Tabs_1.Tabs, { TabsNavComponent: TabsStyled_1.StyledTabNav, TabComponent: TabsStyled_1.StyledTabLarge },
        React.createElement(Tab_1.Tab, { title: React.createElement(textComponents_1.ApprovedNewsroomsTabText, null) },
            React.createElement("p", null, "Some Content")),
        React.createElement(Tab_1.Tab, { title: React.createElement(textComponents_1.ApplicationsInProgressTabText, null) },
            React.createElement("p", null, "Some other Content")),
        React.createElement(Tab_1.Tab, { title: React.createElement(textComponents_1.RejectedNewsroomsTabText, null) },
            React.createElement("p", null, "Some other Content"))));
})
    .add("Square Pill Tab", function () {
    return (React.createElement(Tabs_1.Tabs, { TabsNavComponent: TabsStyled_1.StyledSquarePillTabNav, TabComponent: TabsStyled_1.StyledSquarePillTab },
        React.createElement(Tab_1.Tab, { title: "New Applications" },
            React.createElement("p", null, "Some Content")),
        React.createElement(Tab_1.Tab, { title: "Under Challenge" },
            React.createElement("p", null, "Some other Content")),
        React.createElement(Tab_1.Tab, { title: "Appeal to Council" },
            React.createElement("p", null, "Some other Content")),
        React.createElement(Tab_1.Tab, { title: "Challenge Council Appeal" },
            React.createElement("p", null, "Some other Content"))));
})
    .add("Round Pill Tab", function () {
    return (React.createElement(Tabs_1.Tabs, { TabsNavComponent: TabsStyled_1.StyledRoundPillTabNav, TabComponent: TabsStyled_1.StyledRoundPillTab },
        React.createElement(Tab_1.Tab, { title: "All" },
            React.createElement("p", null, "Some Content")),
        React.createElement(Tab_1.Tab, { title: "Accepting Votes" },
            React.createElement("p", null, "Some other Content")),
        React.createElement(Tab_1.Tab, { title: "Verifying Votes" },
            React.createElement("p", null, "Some other Content")),
        React.createElement(Tab_1.Tab, { title: "Request Appeal" },
            React.createElement("p", null, "Some other Content")),
        React.createElement(Tab_1.Tab, { title: "Ready to Complete" },
            React.createElement("p", null, "Some other Content"))));
})
    .add("Styled Tab", function () {
    return (React.createElement(Tabs_1.Tabs, { TabComponent: TabsStyled_1.StyledTab },
        React.createElement(Tab_1.Tab, { title: "About" },
            React.createElement("p", null, "Some Content")),
        React.createElement(Tab_1.Tab, { title: "Discussions" },
            React.createElement("p", null, "Some other Content")),
        React.createElement(Tab_1.Tab, { title: "History" },
            React.createElement("p", null, "Some other Content"))));
})
    .add("Tabs with before/after elements in nav", function () {
    var before = React.createElement("span", null, "before!");
    var after = React.createElement("span", null, "after!");
    return (React.createElement(Tabs_1.Tabs, { TabsNavBefore: before, TabsNavAfter: after },
        React.createElement(Tab_1.Tab, { title: "Index" },
            React.createElement("p", null, "Some Content")),
        React.createElement(Tab_1.Tab, { title: "Sign" },
            React.createElement("p", null, "Some other Content"))));
});
//# sourceMappingURL=Tabs.stories.js.map