<div class="brick brick--theme-grey pd-b-0 pos-relative mg-b-3">
  <label>{{i18n 'Moderation email address'}}</label>
  <form {{action "saveEmail" on="submit"}} class="flex">
    <div class="sub-text mg-b-1">
      {{#with (i18n-split-string "Used to receive email notifications when channels are reported for violating your Community's rules or when a moderation action is taken. |Learn more|.") as |translation|}}
        {{at-index translation 0}}
        <a href="https://help.twitch.tv/customer/portal/articles/2737498-communities-policies-and-guide" target="_blank" rel="noopener">{{at-index translation 1}}</a>{{at-index translation 2}}
      {{/with}}
    </div>
    <div class='cl-input-container flex__item flex__item--grow'>
      {{input value=communityInfo.email class='string js-prefix code-input mg-b-1 full-width' type="email"}}
    </div>
    <div class="flex__item flex__item--noShrink mg-l-1">
      {{#common/button-element isDisabled=(eq communityInfo.email.length 0) onClick=(action 'saveEmail')}}
        {{i18n 'Save'}}
      {{/common/button-element}}
    </div>
  </form>
</div>
