@brizy/ui/lib/LegacyTabs/index.js

React elements in Brizy style

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LegacyTabs = void 0;
const classNamesFn_1 = require("../classNamesFn");
const react_1 = __importDefault(require("react"));
const TabList_1 = require("./components/TabList");
const LegacyTabs = ({ className, showSingle, children, value, onChange, align, position, }) => {
    var _a;
    const _className = (0, classNamesFn_1.classNames)(className)("control__tabs-wrapper");
    if (children.length === 0) {
        return null;
    }
    const showTabs = children.length > 1 || (showSingle && children.length === 1);
    const active = (_a = children.find(t => t.props.value === value)) !== null && _a !== void 0 ? _a : children[0];
    const activeTabClassName = (0, classNamesFn_1.classNames)(active.props.className)("control__tab__content", `control__tabs__content__${position}`);
    const activeTab = react_1.default.createElement("div", { className: activeTabClassName }, active.props.children);
    return showTabs ? (react_1.default.createElement("div", { className: _className },
        react_1.default.createElement(TabList_1.TabList, { active: active.props.value, align: align, position: position, onChange: onChange }, children),
        activeTab)) : (activeTab);
};
exports.LegacyTabs = LegacyTabs;