wix-storybook-utils/dist/src/Sections/view.js

Utilities for automated component documentation within Storybook

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.View = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var tab_1 = require("./views/tab");
var _1 = require(".");
var story_section_1 = require("../typings/story-section");
var styles_scss_1 = tslib_1.__importDefault(require("./styles.scss"));
var Header = function (_a) {
    var storyName = _a.storyName, metadata = _a.metadata;
    return (React.createElement("div", { className: styles_scss_1.default.header },
        React.createElement("div", { className: styles_scss_1.default.title }, storyName),
        metadata.displayName && (React.createElement("div", { className: styles_scss_1.default.subtitle }, "<".concat(metadata.displayName, "/>")))));
};
var hasHeader = function (sections) {
    if (sections === void 0) { sections = []; }
    return sections[0] && sections[0].type === story_section_1.SectionType.Header;
};
var View = function (storyConfig) {
    return (React.createElement("div", { className: styles_scss_1.default.page },
        React.createElement("div", { className: styles_scss_1.default.content },
            !hasHeader(storyConfig.sections) && (React.createElement(Header, { storyName: storyConfig.storyName, metadata: storyConfig.metadata })),
            (0, tab_1.tab)((0, _1.tab)({
                sections: storyConfig.sections,
            }), storyConfig))));
};
exports.View = View;
//# sourceMappingURL=view.js.map