@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 = _ref.activeId,
    type = _ref.type,
    width = _ref.width,
    onClick = _ref.onClick,
    itemMaxWidth = _ref.itemMaxWidth,
    alignment = _ref.alignment,
    size = _ref.size,
    items = _ref.items,
    minWidth = _ref.minWidth,
    scrollOnOverflow = _ref.scrollOnOverflow;
  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