// configure the class for runtime loading
if (!window.fbControls) window.fbControls = []
window.fbControls.push(function (controlClass) {

  class controlCpTest extends controlClass {
    /**
     * Class configuration - return the icons & label related to this control
     * @returndefinition object
     */
    static get definition() {
      return {
        icon: '🔭',
        i18n: {
          default: 'B test', 
        },
      }
    }

    /**
     * Build a text DOM element, supporting other JQUery text from controls
     * @return {Object} DOM Element to be injected into the form.
     */
    build() {
      const header = controlClass.mi18n('headerBtn');
      const buttonMsg = controlClass.mi18n('buttonMsg');
      const alert = controlClass.mi18n('alert');

      var test = this.markup('form', `<h1>${header}</h1>
        <button type="button" onclick="alert(${alert})">${buttonMsg}</button>`, { class:"cptest" })

      return [test];      
    }

    onRender() { }
  }

  // register this control for the following types & text subtypes
  controlClass.register('cpTest', controlCpTest)
  return controlCpTest
})