TabPane.js 837 B

12345678910111213141516171819202122232425
  1. import classNames from 'classnames';
  2. import * as React from 'react';
  3. var TabPane = /*#__PURE__*/React.forwardRef(function (props, ref) {
  4. var prefixCls = props.prefixCls,
  5. className = props.className,
  6. style = props.style,
  7. id = props.id,
  8. active = props.active,
  9. tabKey = props.tabKey,
  10. children = props.children;
  11. return /*#__PURE__*/React.createElement("div", {
  12. id: id && "".concat(id, "-panel-").concat(tabKey),
  13. role: "tabpanel",
  14. tabIndex: active ? 0 : -1,
  15. "aria-labelledby": id && "".concat(id, "-tab-").concat(tabKey),
  16. "aria-hidden": !active,
  17. style: style,
  18. className: classNames(prefixCls, active && "".concat(prefixCls, "-active"), className),
  19. ref: ref
  20. }, children);
  21. });
  22. if (process.env.NODE_ENV !== 'production') {
  23. TabPane.displayName = 'TabPane';
  24. }
  25. export default TabPane;