@brizy/ui
Version:
React elements in Brizy style
19 lines (18 loc) • 1.04 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TabList = void 0;
const classNamesFn_1 = require("../../classNamesFn");
const react_1 = __importDefault(require("react"));
const TabListItem_1 = require("./TabListItem");
const TabList = ({ className, active, onChange, align, position, children }) => {
const _className = (0, classNamesFn_1.classNames)(className)("ul", "control__tabs", `justify-content-xs-${align}`, `control__tabs__${position}`);
const items = children.map((child, index) => {
const { icon, value, title, label } = child.props;
return (react_1.default.createElement(TabListItem_1.TabListItem, { key: index, title: title, active: active, onChange: onChange, icon: icon, label: label, value: value }));
});
return react_1.default.createElement("ul", { className: _className }, items);
};
exports.TabList = TabList;