wix-storybook-utils/dist/src/IncludedComponents/IncludedComponents.js

Utilities for automated component documentation within Storybook

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var addon_links_1 = require("@storybook/addon-links");
var Text_1 = tslib_1.__importDefault(require("../Text"));
var TextButton_1 = tslib_1.__importDefault(require("../TextButton"));
var IncludedComponents_st_css_1 = require("./IncludedComponents.st.css");
var IncludedComponents = function (_a) {
    var includedComponents = _a.includedComponents;
    return (react_1.default.createElement("div", { className: IncludedComponents_st_css_1.classes.root }, includedComponents.map(function (componentItem, id) {
        var category = componentItem.category, title = componentItem.title, optional = componentItem.optional;
        return (react_1.default.createElement("div", { key: "item-".concat(id), className: IncludedComponents_st_css_1.classes.item },
            react_1.default.createElement(TextButton_1.default, { onClick: (0, addon_links_1.linkTo)(category, title) }, "<".concat(title, "/>")),
            optional && (react_1.default.createElement(Text_1.default, { size: "small", weight: "thin", light: true, secondary: true }, "Optional"))));
    })));
};
IncludedComponents.defaultProps = {
    includedComponents: [],
};
exports.default = IncludedComponents;
//# sourceMappingURL=IncludedComponents.js.map