import React from 'react';
import PropTypes from 'prop-types';
import { a as withNano, b as classNames } from '../chunk-566df01b.js';
import { a as classCallCheck, b as createClass, c as defineProperty, d as inherits, e as objectWithoutProperties, f as possibleConstructorReturn, g as slicedToArray, h as _typeof, i as _extends } from '../chunk-aad905a2.js';
import '../chunk-aeb80e51.js';

var styles = function styles(_ref) {
  var shape = _ref.shape;
  return {
    root: {
      maxWidth: '100%',
      width: '100%'
    },
    rounded: {
      borderRadius: shape.borderRadius
    }
  };
};

var Image = function Image(_ref2) {
  var src = _ref2.src,
      alt = _ref2.alt,
      classes = _ref2.classes,
      className = _ref2.className,
      rounded = _ref2.rounded,
      rest = objectWithoutProperties(_ref2, ['src', 'alt', 'classes', 'className', 'rounded']);
  return React.createElement('img', _extends({
    src: src,
    alt: alt,
    className: classNames(classes.root, defineProperty({}, classes.rounded, rounded), className && className)
  }, rest));
};

Image.propTypes = {
  src: PropTypes.string.isRequired,
  alt: PropTypes.string.isRequired,
  classes: PropTypes.object.isRequired,
  className: PropTypes.string,
  rounded: PropTypes.bool
};

var Image$1 = withNano(styles)(Image);

export default Image$1;
//# sourceMappingURL=index.js.map
