'use strict';

import {setupResponsiveness} from './toolbar/responsive.jsx';

const rootAttributes = {
  previewFrame: document.getElementById('preview_frame'),
}

setupResponsiveness(rootAttributes);

// const responsiveness = connectResponsiveness(rootAttributes);
// setTimeout(() => responsiveness.selectMode('tablet'), 5000)
// setTimeout(() => responsiveness.selectMode('mobile'), 10000)

const previewFrame = rootAttributes.previewFrame;
initDataOptions();

/**
 * Functions
 */

function initDataOptions() {
  const dataOptionsSelect = document.getElementById('data-options');
  if (!dataOptionsSelect) {
    return;
  }

  dataOptionsSelect.addEventListener('change', function () {
    previewFrame.src = window.previewFrameUrl + '?data=' + this.value;
  });
}