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

React elements in Brizy style

import { classNames } from "../classNamesFn";
import React from "react";
import { TabList } from "./components/TabList";
export const LegacyTabs = ({ className, showSingle, children, value, onChange, align, position, }) => {
    var _a;
    const _className = 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 = classNames(active.props.className)("control__tab__content", `control__tabs__content__${position}`);
    const activeTab = React.createElement("div", { className: activeTabClassName }, active.props.children);
    return showTabs ? (React.createElement("div", { className: _className },
        React.createElement(TabList, { active: active.props.value, align: align, position: position, onChange: onChange }, children),
        activeTab)) : (activeTab);
};