import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { RulesScreenComponent } from './rules-screen/rules-screen.component';
import { MonacoEditorModule } from '@materia-ui/ngx-monaco-editor';
import { PendingChangesGuard } from '@guards/can-deactivate.guard';
import { TranslateModule } from '@ngx-translate/core';
import { IconButtonComponent } from '@iqser/common-ui';
import { FormsModule } from '@angular/forms';
import { MatIconModule } from '@angular/material/icon';

const routes = [{ path: '', component: RulesScreenComponent, canDeactivate: [PendingChangesGuard] }];

@NgModule({
    declarations: [RulesScreenComponent],
    imports: [
        RouterModule.forChild(routes),
        CommonModule,
        MonacoEditorModule,
        TranslateModule,
        IconButtonComponent,
        FormsModule,
        MatIconModule,
    ],
})
export class RulesModule {}
