"use strict";

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

exports.__esModule = true;
exports.default = AssetItem;

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

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

function AssetItem(props) {
  var id = props.id,
      className = props.className,
      children = props.children,
      src = props.src,
      responseType = props.responseType;
  var defaultKeys = ['id', 'className', 'children', 'src', 'responseType'];
  var extraKeys = Object.keys(props).filter(function (key) {
    return !defaultKeys.includes(key);
  });
  var extraProps = extraKeys.reduce(function (acc, key) {
    var _extends2;

    return (0, _extends3.default)({}, acc, (_extends2 = {}, _extends2[key] = props[key], _extends2));
  }, {});
  return /*#__PURE__*/_react.default.createElement("a-asset-item", (0, _extends3.default)({
    id: id,
    class: className,
    src: src,
    "response-type": responseType
  }, extraProps), children);
}