import { NgModule, ModuleWithProviders } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';

import { Appbar }         from './appbar/appbar';
import { BasicLayout } from './structure/basic/basic';
import { DesktopLayout } from './structure/desktop/desktop';
import { Navbar }         from './navbar/navbar';
import { StatusBar }      from './status-bar/status-bar';

const LAYOUTS = [
  Appbar,
  BasicLayout,
  DesktopLayout,
  Navbar,
  StatusBar
]

@NgModule({
  declarations:[
      LAYOUTS
    ],
  imports: [ 
      BrowserModule,
      CommonModule,
      FormsModule,
      RouterModule
    ],
  exports: [
    LAYOUTS
  ],
})
export class UiLayoutModule {}