import { NgModule } from '@angular/core';
import { BrowserModule, Title } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
// for material use in forms
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatExpansionModule } from '@angular/material/expansion';
import { MatFormFieldModule } from '@angular/material' ;
import { MatSelectModule } from '@angular/material/select';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatButtonModule } from '@angular/material/button';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatToolbarModule, MatIconModule } from '@angular/material';
import { MatMenuModule } from '@angular/material/menu';
import { MatInputModule } from '@angular/material/input';
import { AppComponent } from './app.component';
import { InterfaceComponent } from './interface/interface.component';
import { CanvasComponent } from './canvas/canvas.component';
@NgModule({
declarations: [
AppComponent,
InterfaceComponent,
CanvasComponent
],
imports: [
BrowserModule,
FormsModule,
BrowserAnimationsModule,
MatExpansionModule,
MatFormFieldModule,
MatSelectModule,
MatCheckboxModule,
MatButtonModule,
MatSidenavModule,
MatToolbarModule,
MatIconModule,
MatMenuModule,
MatInputModule
],
providers: [
Title
],
bootstrap: [AppComponent]
})
export class AppModule { }