Implement

function variation (options) {
  var createVisitorPulse = require('@qubit/visitor-pulse')

  // Require and create a modal inside which the solution will be shown. It will be rendered by default.
  var modal = require('@qubit/advanced-modal')({
    className: 'qubit-VisitorPulse-modal',
    windowScrollable: true
  })

  var visitorPulse = createVisitorPulse({
    container: '.qubit-AdvancedModal-body', // The DOM element in which to render the component, or a unique CSS3 selector for that DOM element.
    experienceId: options.meta.experienceId,
    eventHandlers: { // Override event handlers.
      onClose: function () {
        // Set a cookie here to prevent the solution from being shown to people that have closed it, or that have already submitted.
      }
    },
    renderers: {}, // Override question type renderers.
    thankYou: { // Default options for the thank you page. Will be shown on submit unless you override the `onSubmit` handler.
      showFor: 3000,
      fadeOut: 500
    },
    solutionSettings: options.solution
  })

  // Render the solution. Note that you can pass in your own HTML string to this function to override the default template.
  // This will prevent any event listeners from being set if they don't match the default template class names. See 'Default template class names' in the docs.
  visitorPulse.render()
  options.onRemove(() => visitorPulse.destroy())
}

function variation (options) {
  var createVisitorPulse = require('@qubit/visitor-pulse')

  var visitorPulse = createVisitorPulse({
    container: document.body, // The DOM element in which to render the component, or a unique CSS3 selector for that DOM element.
    experienceId: options.meta.experienceId,
    eventHandlers: { // Override event handlers.
      onClose: function () {
        // Set a cookie here to prevent the solution from being shown to people that have closed it, or that have already submitted.
      }
    },
    renderers: {}, // Override question type renderers.
    thankYou: { // Default options for the thank you page. Will be shown on submit unless you override the `onSubmit` handler.
      showFor: 3000,
      fadeOut: 500
    },
    solutionSettings: options.solution
  })

  // Render the solution. Note that you can pass in your own HTML string to this function to override the default template.
  // This will prevent any event listeners from being set if they don't match the default template class names. See 'Default template class names' in the docs.
  visitorPulse.render()
  options.onRemove(() => visitorPulse.destroy())
}

{
  renderers: {
    // Each renderer is given the question object and the question number to
    // render. It should return an HTML string.
    textarea: function renderTextarea (question, questionNumber) {
      var placeholder = question.placeholder || 'Type your answer here'
      return [
        '<div class="a-custom-class">',
        '<img src="/a/custom/image.jpg" />',
        '<textarea class="qubit-VisitorPulse-textarea" placeholder="' + placeholder + '"></textarea>',
        '</div>'
      ].join('')
    }
  }
}