"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const exotic_1 = require("exotic");

const Portal_1 = require("@skava/ui/dist/components/features/Portal");

const deps_1 = require("../deps");

const styled_1 = require("./styled");

class AdSpot extends react_1.default.PureComponent {
  render() {
    const {
      identifier,
      htmlContent
    } = this.props;
    const validHTML = deps_1.toValidHTML(htmlContent);
    const children = exotic_1.isSafe(validHTML) === true ? react_1.default.createElement(styled_1.AdSpotDataElement, {
      dangerouslySetInnerHTML: {
        __html: validHTML
      }
    }) : react_1.default.createElement(styled_1.StyledBlink, null, "AdSpot will be rendered here...!");
    return react_1.default.createElement(Portal_1.Portal, {
      id: identifier
    }, children);
  }

}

AdSpot.defaultProps = {
  className: '',
  identifier: 'adSpot-identifier',
  htmlContent: ''
};
exports.AdSpot = AdSpot;
exports.default = AdSpot;