<p class="legend form-block">
  {{ 'Plugins' | translate }}
</p>
<!-- empty state -->
<c8y-ui-empty-state
  [icon]="'plugin'"
  [title]="'No plugins to display.' | translate"
  [subtitle]="'This package doesn\'t contain plugins.' | translate"
  *ngIf="(exportedPlugins$ | async).length === 0"
  [horizontal]="true"
></c8y-ui-empty-state>

<c8y-plugin-list
  [plugins$]="exportedPlugins$"
  [selectable]="false"
  [selectedPlugin]="selectedPlugin"
  (showOverview)="showPluginOverview($event)"
></c8y-plugin-list>