import { Location } from '@angular/common';

import { Component, forwardRef, OnDestroy, OnInit } from '@angular/core';

import { Directive, Input, NgModule } from '@angular/core';

import { WizardStepService, WizardStepServiceData } from '../wizardstep.service';

import { StepThreeModel } from './wizardstepthree.model';

import { slideToLeft, StepBaseComponent } from '../wizard.basestep.component';

import 'web-animations-js';

@Component({
    selector: 'knk-step-three',
    templateUrl: './wizardstepthree.component.html',
    styleUrls: ['./wizardstepthree.component.scss'],
    providers: [
        {provide: WizardStepService, useExisting: StepThreeComponent }
    ],
    animations: [slideToLeft()]
})
export class StepThreeComponent extends StepBaseComponent implements WizardStepService {

    constructor() {
        super(new StepThreeModel());
        this.currStepName = ['TECHNICAL', 'REASONING'];
    }
}
