<ng-container *transloco="let t; prefix: 'all-filters'">
  <div class="main-container">
    <app-side-nav-companion-bar [hasFilter]="false">
      <h4 title>
        {{t('title')}}
      </h4>
      <div subtitle>
        <h6>
          <span>{{t('count', {count: filters().length | number})}}</span>
        </h6>
      </div>
    </app-side-nav-companion-bar>

    <p>{{t('description')}}</p>
    <app-manage-smart-filters [target]="'_self'" />
  </div>
</ng-container>
