"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _useSettings2 = _interopRequireDefault(require("../vm-hooks/useSettings"));
var _utils = require("@vtx/utils");
require("./style/index.less");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var VmCustom = function VmCustom(_ref) {
  var id = _ref.id,
    url = _ref.url;
  var _useSettings = (0, _useSettings2["default"])(),
    theme = _useSettings.theme;
  var _getVtxToken = (0, _utils.getVtxToken)(),
    token = _getVtxToken.token;
  return /*#__PURE__*/_react["default"].createElement("iframe", {
    src: "".concat(url).concat(id, "&theme=").concat(theme, "&token=").concat(token),
    style: {
      width: '100%',
      height: 600,
      border: 'none',
      overflowY: 'auto'
    }
  });
};
var _default = exports["default"] = VmCustom;
//# sourceMappingURL=index.js.map
