'use strict'
Object.defineProperty(exports, '__esModule', {
  value: true,
})
exports.default = MyCoolImage
var _jsxRuntime = require('react/jsx-runtime')
var _image = _interopRequireDefault(require('next/legacy/image'))

function _defineProperty(obj, key, value) {
  if (key in obj) {
    Object.defineProperty(obj, key, {
      value: value,
      enumerable: true,
      configurable: true,
      writable: true,
    })
  } else {
    obj[key] = value
  }
  return obj
}
function _interopRequireDefault(obj) {
  return obj && obj.__esModule
    ? obj
    : {
        default: obj,
      }
}
function _objectSpread(target) {
  for (var i = 1; i < arguments.length; i++) {
    var source = arguments[i] != null ? arguments[i] : {}
    var ownKeys = Object.keys(source)
    if (typeof Object.getOwnPropertySymbols === 'function') {
      ownKeys = ownKeys.concat(
        Object.getOwnPropertySymbols(source).filter(function (sym) {
          return Object.getOwnPropertyDescriptor(source, sym).enumerable
        })
      )
    }
    ownKeys.forEach(function (key) {
      _defineProperty(target, key, source[key])
    })
  }
  return target
}
function MyCoolImage(props) {
  return /*#__PURE__*/ (0, _jsxRuntime).jsx('div', {
    style: {
      border: '10px solid red',
    },
    children: /*#__PURE__*/ (0, _jsxRuntime).jsx(
      _image.default,
      _objectSpread({}, props)
    ),
  })
}
