選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 
 

39 行
1.3 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. children: PropTypes.node,
  9. row: PropTypes.bool,
  10. check: PropTypes.bool,
  11. inline: PropTypes.bool,
  12. disabled: PropTypes.bool,
  13. tag: tagPropType,
  14. className: PropTypes.string,
  15. cssModule: PropTypes.object
  16. };
  17. var defaultProps = {
  18. tag: 'div'
  19. };
  20. var FormGroup = function FormGroup(props) {
  21. var className = props.className,
  22. cssModule = props.cssModule,
  23. row = props.row,
  24. disabled = props.disabled,
  25. check = props.check,
  26. inline = props.inline,
  27. Tag = props.tag,
  28. attributes = _objectWithoutPropertiesLoose(props, ["className", "cssModule", "row", "disabled", "check", "inline", "tag"]);
  29. var classes = mapToCssModules(classNames(className, row ? 'row' : false, check ? 'form-check' : 'form-group', check && inline ? 'form-check-inline' : false, check && disabled ? 'disabled' : false), cssModule);
  30. return React.createElement(Tag, _extends({}, attributes, {
  31. className: classes
  32. }));
  33. };
  34. FormGroup.propTypes = propTypes;
  35. FormGroup.defaultProps = defaultProps;
  36. export default FormGroup;