@zohodesk/components/lib/Tab/TabContent.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _Layout = require("../Layout");

var _TabContentModule = _interopRequireDefault(require("./TabContent.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/* eslint-disable react/forbid-component-props */
var TabContent = function TabContent(_ref) {
  var children = _ref.children,
      scroll = _ref.scroll,
      dataId = _ref.dataId,
      id = _ref.id,
      dataSelectorId = _ref.dataSelectorId;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    className: _TabContentModule["default"].container,
    scroll: scroll,
    dataId: "".concat(dataId, "_TabContent"),
    isScrollAttribute: true,
    "aria-labelledby": id,
    tabindex: "-1",
    role: "tabpanel",
    dataSelectorId: dataSelectorId
  }, children);
};

TabContent.defaultProps = _defaultProps.TabContent_defaultProps;
TabContent.propTypes = _propTypes.TabContent_propTypes;
var _default = TabContent;
exports["default"] = _default;