"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});

const react_1 = __importDefault(require("react"));

const utils_1 = require("@skava/utils");

const renderProps_1 = require("./renderProps");
/**
 * @todo state for the Image Component
 * @todo isImageUrl check needs to be done
 * @todo toPlaceHolder functionality needs to be included
 */


class Image extends react_1.default.PureComponent {
  render() {
    let {
      children,
      renderImage,
      renderWrap
    } = this.props;
    const remainingProps = utils_1.omit(this.props, ['renderImage', 'renderWrap']); // take all existing props, but override children, order matters

    children = children || renderImage(remainingProps);
    const wrapperProps = utils_1.omit(remainingProps, ['isBackground', 'src']);
    const view = renderWrap(Object.assign({}, wrapperProps, {
      children
    })); // <Wrap><Image /></Wrap>

    return view;
  }

}

Image.defaultProps = {
  // className: '',
  src: 'https://raderain.sirv.com/Images/banners/FW_Banner_hanes_01.jpg',
  renderImage: renderProps_1.renderImage,
  renderWrap: renderProps_1.renderWrap
};
exports.Image = Image;
exports.default = Image; //# sourceMappingURL=Image.js.map