@brizy/ui
Version:
React elements in Brizy style
12 lines (11 loc) • 690 B
JavaScript
import { classNames } from "../../classNamesFn";
import React from "react";
import { TabListItem } from "./TabListItem";
export const TabList = ({ className, active, onChange, align, position, children }) => {
const _className = 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.createElement(TabListItem, { key: index, title: title, active: active, onChange: onChange, icon: icon, label: label, value: value }));
});
return React.createElement("ul", { className: _className }, items);
};