"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

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

var _components = require("@patternplate/components");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const StyledDemo = _components.styled.iframe.withConfig({
  displayName: "pattern-demo__StyledDemo"
})(["width:100%;height:calc(100% - 30vh);border:0;"]);

function PatternDemo(props) {
  const src = typeof props.updated === "number" ? `${props.src}?reload=${props.updated}` : props.src;
  return _react.default.createElement(StyledDemo, {
    src: src,
    referrerPolicy: "no-referrer"
  });
}

var _default = PatternDemo;
exports.default = _default;
//# sourceMappingURL=pattern-demo.js.map