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

FormText.js 1.2 KiB

123456789101112131415161718192021222324252627282930313233343536
  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. inline: PropTypes.bool,
  10. tag: tagPropType,
  11. color: PropTypes.string,
  12. className: PropTypes.string,
  13. cssModule: PropTypes.object
  14. };
  15. var defaultProps = {
  16. tag: 'small',
  17. color: 'muted'
  18. };
  19. var FormText = function FormText(props) {
  20. var className = props.className,
  21. cssModule = props.cssModule,
  22. inline = props.inline,
  23. color = props.color,
  24. Tag = props.tag,
  25. attributes = _objectWithoutPropertiesLoose(props, ["className", "cssModule", "inline", "color", "tag"]);
  26. var classes = mapToCssModules(classNames(className, !inline ? 'form-text' : false, color ? "text-" + color : false), cssModule);
  27. return React.createElement(Tag, _extends({}, attributes, {
  28. className: classes
  29. }));
  30. };
  31. FormText.propTypes = propTypes;
  32. FormText.defaultProps = defaultProps;
  33. export default FormText;