Search bar component template

search-bar.component.html

<div class="p-4">
  <p class="mb-2">search-bar works!</p>
  <div class="relative">
    <input [formControl]="search" type="text" class="border border-grey rounded shadow-inner p-2 w-full" placeholder="Search...">

    <div class="absolute mt-1 bg-grey w-full rounded shadow">
      <ul class="list-reset">
        <li *ngFor="let planet of (planets$ | async)" class="p-2">{{ planet.name }}</li>
      </ul>
    </div>
  </div>
</div>