my-search-page.component.html

<div class="sidebar">
  <my-search-page-sidebar
    [filters]="state.filters" 
    (filtersChange)="changeFilters($event)">
  </my-search-page-sidebar>
</div>
<div class="content">
  <h2>Search</h2>
  <my-search-page-query-input 
    [value]="state.query" 
    (valueChange)="changeQuery($event)">
  </my-search-page-query-input>
  <my-search-page-results 
    [results]="state.results" 
    [pagination]="state.pagination" 
    (resultChange)="changeResult($event)"  
    (paginationChange)="changePagination($event)">
  </my-search-page-results>
</div>