Dashboard sipadu mbip
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

Feedback.js 1.2KB

12345678910111213141516171819202122232425262728293031323334
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import classNames from 'classnames';
  4. import React from 'react';
  5. import PropTypes from 'prop-types';
  6. var propTypes = {
  7. /**
  8. * Specify whether the feedback is for valid or invalid fields
  9. *
  10. * @type {('valid'|'invalid')}
  11. */
  12. type: PropTypes.string.isRequired,
  13. as: PropTypes.elementType
  14. };
  15. var defaultProps = {
  16. type: 'valid'
  17. };
  18. var Feedback = React.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
  19. function (_ref, ref) {
  20. var _ref$as = _ref.as,
  21. Component = _ref$as === void 0 ? 'div' : _ref$as,
  22. className = _ref.className,
  23. type = _ref.type,
  24. props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "type"]);
  25. return React.createElement(Component, _extends({}, props, {
  26. ref: ref,
  27. className: classNames(className, type && type + "-feedback")
  28. }));
  29. });
  30. Feedback.displayName = 'Feedback';
  31. Feedback.propTypes = propTypes;
  32. Feedback.defaultProps = defaultProps;
  33. export default Feedback;