import { MatCardModule } from '@angular/material/card';
import { CommonModule } from '@angular/common';
import { ClickOnEnterDirective } from './click-on-enter.directive';
import { NgModule } from '@angular/core';
import { AboutComponent } from './about/about.component';
import { ContactComponent } from './contact/contact.component';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: 'about', component: AboutComponent },
  { path: 'contact', component: ContactComponent },
];

@NgModule({
  declarations: [
    ClickOnEnterDirective,
    AboutComponent,
    ContactComponent
  ],
  imports: [
    CommonModule,
    RouterModule.forChild(routes),
    MatCardModule
  ],
  exports: [
    ClickOnEnterDirective
  ]
})
export class SharedModule { }
