@wix/design-system/dist/cjs/Tabs/components/TabItems/TabItems.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _TabItem = _interopRequireDefault(require("../TabItem"));
var _WithMaxWidth = _interopRequireDefault(require("../WithMaxWidth"));
var _TabsSt = require("../../Tabs.st.css.js");
var _useTabNavigation = require("../../../common/useTabNavigation");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Tabs/components/TabItems/TabItems.tsx";
var TabItems = _ref => {
  var {
    activeId,
    type,
    width,
    onClick,
    itemMaxWidth,
    alignment,
    size,
    items,
    minWidth,
    scrollOnOverflow
  } = _ref;
  var tabNavigationRef = (0, _useTabNavigation.useTabNavigation)();
  return /*#__PURE__*/_react.default.createElement("div", {
    role: "tablist",
    "data-type": type,
    className: (0, _TabsSt.st)(_TabsSt.classes.itemsContainer, type && _TabsSt.classes[type]),
    style: {
      minWidth
    },
    ref: tabNavigationRef,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 23,
      columnNumber: 5
    }
  }, items.map(item => /*#__PURE__*/_react.default.createElement(_TabItem.default, {
    key: item.id,
    dataHook: item.dataHook,
    item: item,
    itemMaxWidth: itemMaxWidth,
    alignment: alignment,
    isActive: activeId === item.id,
    type: type,
    width: width,
    onItemClick: onClick,
    size: size,
    scrollOnOverflow: scrollOnOverflow,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 9
    }
  })));
};
var _default = exports.default = (0, _WithMaxWidth.default)(TabItems);
//# sourceMappingURL=TabItems.js.map