text: import { registerDependencies } from 'mjml-validator'
  import MjSection from 'mjml-section'
  
  registerDependencies({
    'labor-hur-section': ['mj-group', 'mj-column'],
    'mj-wrapper': ['labor-hur-section'],
    'mj-body': ['labor-hur-section']
  })
  
  export default class LaborHurSection extends MjSection {
  
    static allowedAttributes = {
      'with-padding': 'boolean',
      'section-bg-class': 'string'
    }
  
    static defaultAttributes = {
      'with-padding': true,
      'section-bg-class': 'content-bg'
    }
  
    static desktopLeftRightPadding = "50px";
    static mobileLeftRightPadding = "30px";
  
    headStyle = (breakpoint) => `
        @media only screen and (max-width:${breakpoint}) {
          .labor-hur-section-responsive > table > tbody > tr > td {
            padding-left: ${LaborHurSection.mobileLeftRightPadding} !important;
            padding-right: ${LaborHurSection.mobileLeftRightPadding} !important;
          }
        }
      `;
  
    render() {
      let attrs = {};
      for(var attrName in this.attributes)
      {
        if(attrName == 'with-padding')
          continue;
        attrs[attrName] = this.getAttribute(attrName);
      }
      let pT = this.getAttribute('padding-top') ? this.getAttribute('padding-top') : "0";
      let pR = this.getAttribute('with-padding') ? LaborHurSection.desktopLeftRightPadding : "0";
      let pB = this.getAttribute('padding-bottom') ? this.getAttribute('padding-bottom') : "0";
      let pL = this.getAttribute('with-padding') ? LaborHurSection.desktopLeftRightPadding : "0";
      attrs['padding'] = pT + " " + pR + " " + pB + " " + pL;
      attrs['background-color'] = this.getAttribute('background-color') ? this.getAttribute('background-color') : "#fff";
  
      return this.renderMJML(`
        <mj-section mj-class="${this.getAttribute('section-bg-class')}" css-class="${this.getAttribute('with-padding') ? 'labor-hur-section-responsive' : ''}" ${this.htmlAttributes(attrs)}>
          ${this.renderChildren(
            this.props.children,
            {
              rawXML: true,
              renderer: component => component.render,
            }
          )}
        </mj-section>
      `);
    }
  }
  