import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ProgressStepModule } from '@farris/ui-progress-step';
import {
    WizardComponent,
    WizardHeaderTemplateDirective,
    WizardStepTemplateDirective
} from './wizard/wizard.component';
import { FarrisWizardPageComponent } from './page/page.component';
import {
    FarrisPageDetailComponent,
    wizardPageHeaderTemplateDirective,
    wizardPageContentTemplateDirective,
    wizardPageFooterTemplateDirective
} from './page-detail/page-detail.component';
import { WizardService } from './service/wizard.service';

@NgModule({
    declarations: [
        WizardComponent,
        WizardHeaderTemplateDirective,
        WizardStepTemplateDirective,
        FarrisWizardPageComponent,
        FarrisPageDetailComponent,
        WizardStepTemplateDirective,
        wizardPageHeaderTemplateDirective,
        wizardPageContentTemplateDirective,
        wizardPageFooterTemplateDirective
    ],
    imports: [CommonModule, ProgressStepModule],
    exports: [
        WizardComponent,
        WizardHeaderTemplateDirective,
        WizardStepTemplateDirective,
        FarrisWizardPageComponent,
        FarrisPageDetailComponent,
        WizardStepTemplateDirective,
        wizardPageHeaderTemplateDirective,
        wizardPageContentTemplateDirective,
        wizardPageFooterTemplateDirective
    ],
    providers: [WizardService]
})
export class WizardModule {
    // static forRoot(): ModuleWithProviders {
    //   return {
    //     ngModule: WizardModule,
    //     providers: [PagesetConfig]
    //   };
    // }
}