<h4 data-test-highlight-created>Highlight Created!</h4>
<p class='sub-text mg-b-2'>Your highlight has been created. Share your highlight right now or create another one</p>
<form class="share-highlight">
  <div class="form__group">
    <label>Permalink</label>
    <input value="{{permalink}}" class='form__input' onclick='this.select()' type='text' name='permalink'>
  </div>

  <div class="form__group mg-t-1">
    <label>Embed Player</label>
    <input value="{{embed_player}}" class='form__input' onclick='this.select()' type='text' name='embed'>
  </div>

  <div class="form__group flex align-center mg-t-3">
    {{#if showYoutubeExport}}
      <button {{action "handleHighlighterExport" }} class="button button--hollow flex__item flex__item--noShrink flex__item--grow mg-r-1">
        Export to YouTube
      </button>
    {{/if}}
    <a href={{twitterTextLink}} target='_blank' rel="noopener" class="button button--hollow flex__item flex__item--noShrink flex__item--grow">
      Tweet
    </a>
  </div>

  <div class="form__group mg-t-1">
    <button class='share-highlight__button full-width align-center mg-b-2 button'>
      <span>Create Another</span>
    </button>
  </div>
</form>
