import { markRaw, defineAsyncComponent } from 'vue'

export default {
  name: 'spacer',
  data: { height: 0, errors: [] },
  renderDesktop: (element, lang) => `<tr${element.id ? ` section="${element.id}"` : ''}><td height="${element.data.height}px" ${element.id ? '' : ' style="background-color: #FEF3FF"'}></td></tr>`,
  renderMobile: (element, lang) => `<tr${element.id ? ` section="${element.id}"` : ''}><td height="${element.data.height * 2}px" ${element.id ? '' : ' style="background-color: #FEF3FF"'}></td></tr>`,
  component: markRaw(defineAsyncComponent(() => import('src/components/NewsletterElements/SpacerElement.vue')))
}