<div class="card mb-3 shadow-sm">
  <div class="card-header">
    <div class="d-flex justify-content-between align-items-center">
      <h5 class="card-title mb-0">{{title}}</h5>
      <ng-content select ="[header-buttons]"></ng-content>
    </div>

  </div>
  <div class="card-body text-dark bg-light">
    <ng-content select ="[content]"></ng-content>
  </div>
</div>
