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

Image.js 1.2KB

1234567891011121314151617181920212223242526272829303132
  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 { useBootstrapPrefix } from './ThemeProvider';
  6. var defaultProps = {
  7. fluid: false,
  8. rounded: false,
  9. roundedCircle: false,
  10. thumbnail: false
  11. };
  12. var Image = React.forwardRef(function (_ref, ref) {
  13. var bsPrefix = _ref.bsPrefix,
  14. className = _ref.className,
  15. fluid = _ref.fluid,
  16. rounded = _ref.rounded,
  17. roundedCircle = _ref.roundedCircle,
  18. thumbnail = _ref.thumbnail,
  19. props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
  20. bsPrefix = useBootstrapPrefix(bsPrefix, 'img');
  21. var classes = classNames(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
  22. return React.createElement("img", _extends({
  23. // eslint-disable-line jsx-a11y/alt-text
  24. ref: ref
  25. }, props, {
  26. className: classNames(className, classes)
  27. }));
  28. });
  29. Image.displayName = 'Image';
  30. Image.defaultProps = defaultProps;
  31. export default Image;