import { ModuleWithProviders, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { HelpModeDialogComponent } from './help-mode-dialog/help-mode-dialog.component';
import { HelpModeComponent } from './help-mode/help-mode.component';
import { HelpModeDirective } from './help-mode.directive';
import { HelpButtonComponent } from './help-button/help-button.component';
import { HelpModeService } from './help-mode.service';
import { HelpDocs } from './help-docs';
import { HELP_DOCS } from './tokens';
import { MatDialogModule } from '@angular/material/dialog';
import { CircleButtonComponent } from '../buttons';

const components = [HelpModeComponent, HelpModeDialogComponent, HelpModeDirective, HelpButtonComponent];

@NgModule({
    declarations: [...components],
    imports: [CommonModule, MatDialogModule, TranslateModule, CircleButtonComponent],
    exports: [...components],
})
export class IqserHelpModeModule {
    static forRoot(helpDocs: HelpDocs): ModuleWithProviders<IqserHelpModeModule> {
        return {
            ngModule: IqserHelpModeModule,
            providers: [{ provide: HELP_DOCS, useValue: helpDocs }, HelpModeService],
        };
    }
}