<div class="tw-w-2/5">
  <p class="tw-mt-8">
    {{ "projectMachineAccountsDescription" | i18n }}
  </p>
  <sm-access-selector
    [rows]="rows$ | async"
    granteeType="serviceAccounts"
    [label]="'machineAccounts' | i18n"
    [hint]="'projectMachineAccountsSelectHint' | i18n"
    [columnTitle]="'machineAccounts' | i18n"
    [emptyMessage]="'projectEmptyMachineAccountAccessPolicies' | i18n"
    (onCreateAccessPolicies)="handleCreateAccessPolicies($event)"
    (onDeleteAccessPolicy)="handleDeleteAccessPolicy($event)"
    (onUpdateAccessPolicy)="handleUpdateAccessPolicy($event)"
  >
  </sm-access-selector>
</div>
