import headerButton1 from './headerButton1';
import headerButton2 from './headerButton2';
import headerButton3 from './headerButton3';
import headerButton4 from './headerButton4';
// import JQuery from 'jquery'
// window.$ = JQuery

vcs.ui.registerPlugin({
  name: 'buttons',
  widgetButton: [ // you can add multiple buttons as an array
    '<LeadButton @click="runExample">T2</LeadButton>', // buttons can be templates using global vue components
    '<span onclick="runExample">T3</span>', // buttons can be standard HTML and execute global functions
  ],
  toolboxButton: [headerButton2, headerButton4, '<IframeLink iframe="https://umfrage.smartvillages.online/limesurvey/index.php/396958?lang=de-informal"><div id="questionaireField"><img class="manImg" height="90%" margin="2px" width="90%" src="/img/Icon.svg"></img></div></IframeLink>'],
  headerButton: [headerButton1, headerButton3], // buttons can be vue components
  mapButton: '<button>MAP</button>',
});

window.runExample = function() {
  alert('running example');
};