Create an Angular component that represents a Bootstrap card with specific css

[CarlosSanabriaM]

<div class="card">

  <h3 class="card-header">
    <div class="row">

      <div class="col-10 card-header-text">
        <!-- Card header text -->
      </div>

      <div class="col-2 card-header-close-button">
        <!-- Button to close the card -->
        <button (click)="closeCard()" aria-label="Close" class="close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

    </div>
  </h3>


  <div class="card-body">
    <!-- Card content... -->
  </div>

</div>