<div class="card-header gap-8 d-col p-l-24 p-r-24 separator-bottom flex-no-shrink">
  <span class="card-title h4 text-center">
    {{ plugin.name }}
  </span>
</div>
<div class="inner-scroll flex-grow">
  <div
    class="markdown-content col-lg-8 p-24 m-l-auto m-r-auto"
    style="float: none"
    *ngIf="pluginMarkdown"
    [innerHTML]="pluginMarkdown | markdownToHtml: { baseUrl: pluginBaseUrl } | async"
  ></div>
  <div class="d-flex">
    <c8y-ui-empty-state
      class="col-lg-3 col-sm-4 m-l-auto m-r-auto"
      [icon]="'user-manual'"
      [title]="'No README.md found for plugin' | translate"
      [subtitle]="
        'To view the contents of &quot;README&quot;, add the file &quot;README.md&quot; to the plugin.'
          | translate
      "
      *ngIf="!pluginMarkdown"
      [horizontal]="true"
    ></c8y-ui-empty-state>
  </div>
</div>
<div class="text-center card-footer p-24 separator">
  <button
    class="btn btn-default"
    (click)="close()"
  >
    {{ 'Close' | translate }}
  </button>
</div>