Angular Материал автозаполнения с другим параметром, чтобы написать одну функцию для нескольких автозаполнения на одной странице

Question

Я работаю над компонентом, где у меня 2 angular материала автозаполнения. Оба работают нормально, но я пытаюсь написать общую функцию вместо 2-х функций и 2-х фильтров

this.fruitsAutoComp = this.fruitsControl.valueChanges
  .pipe(
    startWith(''),
    map(value => this.filterFruit(value))
  );

this.burgerAutoComplete = this.burgerControl.valueChanges
  .pipe(
    startWith(''),
    map(value => this.filterBurger(value))
  );


    private filterFruit(value: string): string[] {
     const filterValue = value.toLowerCase();
      return this.fruits.filter(option => option.toLowerCase().includes(filterValue));
  }

       private filterBurger(value: string): string[] {
         const filterValue = value.toLowerCase();
      return this.burgers.filter(option => option.toLowerCase().includes(filterValue));
     }

Я пытался, но не нашел правильного способа сделать это. Может кто-нибудь подсказать, как это исправить. ниже. ссылка на stackbilt