import { renderDesignToHtml } from '@emabuild/email-renderer';

// Tool renderers map: tool name → HTML render function
const toolRenderers = new Map();

toolRenderers.set('text', (values, ctx) => {
  return `<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
    <tr><td style="padding:${values.containerPadding || '10px'};">
      ${values.text}
    </td></tr>
  </table>`;
});

// Render design to HTML
const result = renderDesignToHtml(designJson, toolRenderers, {
  mergeTags: { first_name: 'John' },
});

console.log(result.html);    // Full HTML document
console.log(result.design);  // Design JSON (for saving)
console.log(result.chunks);  // { body, css, fonts[], js }

renderDesignToHtml(design, toolRenderers, {
  minify: true,              // Minify HTML output
  inlineStyles: true,        // Inline CSS into style attributes
  cleanup: true,             // Remove unused CSS
  mergeTags: {               // Replace {{tag}} with values
    first_name: 'John',
  },
});