<ui-newsletter>

<template
  is="ui-newsletter"
  heading="string"
  body="string"
  action="string"
  placeholder="string"
  submit="string"
>
  <div class="ui-newsletter">
    <div class="ui-newsletter-content">
      <div if="props.heading" class="ui-newsletter-title">
        {{props.heading |> esc}}
      </div>
      <div if="props.body" class="ui-newsletter-body">{{props.body}}</div>
      <form
        class="ui-newsletter-form"
        method="post"
        action="{{props.action |> esc}}"
      >
        <input
          class="ui-newsletter-input"
          type="email"
          name="email"
          placeholder="{{props.placeholder |> esc}}"
          required="{{true}}"
          if="props.placeholder"
        />
        <button
          if="props.submit"
          class="ui-newsletter-submit primary"
          type="submit"
        >
          {{props.submit |> esc}}
        </button>
      </form>
    </div>
  </div>
</template>