import {Component} from '@angular/core';
import {TranslateTexts} from '../../shared/translate-texts/translate-texts';
import {FiltersGroup} from 'sae-lib/filters/filters-group/filters-group';
import {BottomNavigation} from '../../shared/navigation/bottom-navigation/bottom-navigation';
import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
import {BotTalks} from 'sae-lib/chatbot/bot-talks/bot-talks';
import {Store} from '@ngrx/store';
import {StateInterface} from '../../redux/reducers';


@Component({
  selector: 'app-main',
  imports: [
    TranslateTexts,
    FiltersGroup,
    BottomNavigation,
    FeedbackButton,
    BotTalks
  ],
  templateUrl: './main.html',
  styleUrl: './main.scss'
})
export class Main {

  public appState: any = {};

  constructor(private store: Store<StateInterface>) {
    this.store.select(state => state.app).subscribe(app => {
      console.log('app', app);
      this.appState = app;
    });
  }


  onSelectedChoicesChange(e: any) {
    console.log('onSelectedChoicesChange', e);
  }

  onAvailableChoicesChange(e: any) {
    console.log('onSelectedChoicesChange', e);
  }
}