pouncejs/dist/cjs/components/Img/Img.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.Img = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var _react = _interopRequireDefault(require("react"));

var _Box = _interopRequireDefault(require("../Box"));

var NativeImg = /*#__PURE__*/_react.default.forwardRef(function NativeImg( // eslint-disable-next-line @typescript-eslint/no-unused-vars
_ref, ref) {
  var nativeWidth = _ref.nativeWidth,
      nativeHeight = _ref.nativeHeight,
      color = _ref.color,
      alt = _ref.alt,
      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["nativeWidth", "nativeHeight", "color", "alt"]);
  return /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({}, props, {
    ref: ref,
    width: nativeWidth,
    height: nativeHeight,
    alt: alt
  }));
});
/**
 * Extends Box
 *
 * Simple Img component for whenever you want to add an image to your app
 */


var Img = /*#__PURE__*/_react.default.forwardRef(function Img(props, ref) {
  if (props.width && !props.nativeWidth) {
    console.warn('A width was specified for an image without a `nativeWidth` being defined');
  }

  if (props.height && !props.nativeHeight) {
    console.warn('A height was specified for an image without a `nativeHeight` being defined');
  }

  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
    as: NativeImg,
    ref: ref,
    maxWidth: "100%",
    height: !props.nativeHeight ? 'auto' : undefined
  }, props));
});

exports.Img = Img;
var _default = Img;
exports.default = _default;