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

Utilities for automated component documentation within Storybook

import * as React from 'react';
import { tab } from './views/tab';
import { tab as makeTab } from '.';
import { SectionType } from '../typings/story-section';
import styles from './styles.scss';
var Header = function (_a) {
    var storyName = _a.storyName, metadata = _a.metadata;
    return (React.createElement("div", { className: styles.header },
        React.createElement("div", { className: styles.title }, storyName),
        metadata.displayName && (React.createElement("div", { className: styles.subtitle }, "<".concat(metadata.displayName, "/>")))));
};
var hasHeader = function (sections) {
    if (sections === void 0) { sections = []; }
    return sections[0] && sections[0].type === SectionType.Header;
};
export var View = function (storyConfig) {
    return (React.createElement("div", { className: styles.page },
        React.createElement("div", { className: styles.content },
            !hasHeader(storyConfig.sections) && (React.createElement(Header, { storyName: storyConfig.storyName, metadata: storyConfig.metadata })),
            tab(makeTab({
                sections: storyConfig.sections,
            }), storyConfig))));
};
//# sourceMappingURL=view.js.map