"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 TutorialInfo_1 = require("./TutorialInfo");
var TutorialQuestion_1 = require("./TutorialQuestion");
var TutorialTopicIntro_1 = require("./TutorialTopicIntro");
var TutorialTopicCompleted_1 = require("./TutorialTopicCompleted");
var TopicTutorial = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is Civil?"),
    React.createElement("p", null, "Civil is a decentralized network for trustworthy and sustainable journalism. It is founded on the principle that a free press is essential to a fair and just society."),
    React.createElement("p", null, "Our community-run model providing members a say and share in the project\u2019s operations and long-term evolution."),
    React.createElement("p", null, "More than 125 journalists representing 18 independent newsrooms, from Chicago to Singapore, are already part of the Civil community. And we\u2019re just getting started!"))); };
var TopicIntro = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("p", null,
        React.createElement("b", null, "You\u2019ll learn")),
    React.createElement("p", null, "What is Civil, and what makes us different?"),
    React.createElement("p", null, "How does a Newsroom join the Civil network?"),
    React.createElement("p", null, "What are Civil tokens (CVL)?"),
    React.createElement("p", null, "What is the Civil Registry?"))); };
var onClickFunc = function () {
    console.log("clicked!");
};
var tutorial = {
    tutorialTopicIntroHeader: "Topic 1: How to use Civil tokens",
    tutorialTopicIntroInfo: React.createElement(TopicIntro, null),
    tutorialContent: React.createElement(TopicTutorial, null),
    quizName: "Quiz: Considerations before buying tokens",
    question: "Which of the following is important to you when purchasing a token?",
    options: [{ text: "Option 1" }, { text: "Option 2" }, { text: "Option 3" }],
    answer: "Option 1",
    completedHeader: "Nice! You’ve completed Topic 1",
    completedText: "Buying tokens, like any financial decision, is a risk. The price of tokens can fluctuate depending on various factors. It’ a good rule of thumb to look at the team behind the token – the founders, the advisors – as well as the token design and its supply.  It’s also important to diversify your portfolio across many investment vehicles – crypto assets and non-crypto assets.",
    continueBtnText: "Continue to topic 2",
};
react_1.storiesOf("Common / Tutorial", module)
    .add("Tutorial Topic Intro", function () {
    return (React.createElement(TutorialTopicIntro_1.TutorialTopicIntro, { headerText: tutorial.tutorialTopicIntroHeader, infoText: tutorial.tutorialTopicIntroInfo, activeSlide: 0, totalSlides: 0, onClickNext: onClickFunc, onClickSkipTutorial: onClickFunc }));
})
    .add("Tutorial Info", function () {
    return (React.createElement(TutorialInfo_1.TutorialInfo, { content: tutorial.tutorialContent, activeSlide: 1, totalSlides: 3, onClickPrev: onClickFunc, onClickNext: onClickFunc }));
})
    .add("Tutorial Question", function () {
    return (React.createElement(TutorialQuestion_1.TutorialQuestion, { quizId: "topic1", quizName: tutorial.quizName, question: tutorial.question, answer: tutorial.answer, options: tutorial.options, activeSlide: 1, totalSlides: 3, onClickPrev: onClickFunc, onClickNext: onClickFunc }));
})
    .add("Tutorial Topic Completed", function () {
    return (React.createElement(TutorialTopicCompleted_1.TutorialTopicCompleted, { completedHeader: tutorial.completedHeader, completedText: tutorial.completedText, continueBtnText: tutorial.continueBtnText, lastTopic: false, onClickNextTopic: onClickFunc, handleClose: onClickFunc }));
});
//# sourceMappingURL=Tutorial.stories.js.map