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

React components that implement Google's Material Design.

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import React from 'react';
import PropTypes from 'prop-types';
import Typography from '../Typography';

const TabPanel = _ref => {
  let {
    index,
    value,
    children
  } = _ref,
      other = _objectWithoutPropertiesLoose(_ref, ["index", "value", "children"]);

  return /*#__PURE__*/React.createElement(Typography, _extends({
    "aria-labelledby": `wrapped-tab-${index}`,
    component: "div",
    hidden: value !== index,
    id: `wrapped-tabpanel-${index}`,
    role: "tabpanel"
  }, other), value === index && children);
};

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