@krowdy-ui/core/TabPanel/TabPanel.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Typography = _interopRequireDefault(require("../Typography"));

var _excluded = ["index", "value", "children"];

var TabPanel = function TabPanel(_ref) {
  var index = _ref.index,
      value = _ref.value,
      children = _ref.children,
      other = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
    "aria-labelledby": "wrapped-tab-".concat(index),
    component: "div",
    hidden: value !== index,
    id: "wrapped-tabpanel-".concat(index),
    role: "tabpanel"
  }, other), value === index && children);
};

process.env.NODE_ENV !== "production" ? TabPanel.propTypes = {
  children: _propTypes["default"].node,
  index: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired
} : void 0;
var _default = TabPanel;
exports["default"] = _default;