Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 

35 строки
1.1 KiB

  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import React from 'react';
  4. import PropTypes from 'prop-types';
  5. import classNames from 'classnames';
  6. import { mapToCssModules, tagPropType } from './utils';
  7. var propTypes = {
  8. tag: tagPropType,
  9. className: PropTypes.string,
  10. cssModule: PropTypes.object,
  11. tabId: PropTypes.any
  12. };
  13. var defaultProps = {
  14. tag: 'div'
  15. };
  16. var contextTypes = {
  17. activeTabId: PropTypes.any
  18. };
  19. export default function TabPane(props, context) {
  20. var className = props.className,
  21. cssModule = props.cssModule,
  22. tabId = props.tabId,
  23. Tag = props.tag,
  24. attributes = _objectWithoutPropertiesLoose(props, ["className", "cssModule", "tabId", "tag"]);
  25. var classes = mapToCssModules(classNames('tab-pane', className, {
  26. active: tabId === context.activeTabId
  27. }), cssModule);
  28. return React.createElement(Tag, _extends({}, attributes, {
  29. className: classes
  30. }));
  31. }
  32. TabPane.propTypes = propTypes;
  33. TabPane.defaultProps = defaultProps;
  34. TabPane.contextTypes = contextTypes;