<pa-modal-dialog>
  <pa-modal-title>
    {{ 'simple.mcp.title' | translate }}
  </pa-modal-title>
  <pa-modal-description>
    {{ 'simple.mcp.description' | translate }}
  </pa-modal-description>

  <pa-modal-content>
    <div class="endpoint">
      <pre><code>{{ endpoint | async }}</code></pre>
      <pa-button
        aspect="basic"
        iconAndText
        [icon]="copied() ? 'check' : 'copy'"
        (click)="copyEndpoint()">
        {{ (copied() ? 'generic.copied' : 'generic.copy') | translate }}
      </pa-button>
    </div>
    <div class="how-to">
      <a
        href="https://medium.com/nuclia/connecting-your-contentbox-5045f56f7ade"
        target="_blank">
        {{ 'simple.mcp.how-to' | translate }}
      </a>
    </div>
  </pa-modal-content>
</pa-modal-dialog>
