<script props>
  // https://maizzle.com/docs/components/spacer
  let styles = []

  if (props.height) {
    styles.push(`line-height: ${props.height};`)
  }

  if (props['mso-height']) {
    styles.push(`mso-line-height-alt: ${props['mso-height']};`)
  }

  module.exports = {
    height: props.height,
    styles: styles.join('')
  }
</script>

<if condition="height">
  <div
    role="separator"
    style="{{ styles }}"
  >&zwj;</div>
</if>
<else>
  <div role="separator">&zwj;</div>
</else>
