JSFiddle - React, Tailwind, and code Playground

by js_test

JavaScript

const template = type => `<div class="modal modal--${type}">
  <div class="modal__bg"></div>
  <div class="modal__container">
    <button class="modal__close">
      <div class="modal__close__icon"><svg viewBox="0 0 72 72"><use xlink:href="#icon-close"></svg></div>
    </button>

    <div class="modal__content">
    	${(type == 'iframe') && `<iframe class="modal__iframe" frameborder="0"></iframe>`}
    </div>
  </div>
</div>`;

console.log(template('iframe'))