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 { StepFourModel } from './wizardstepfour.model';

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

import 'web-animations-js';

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

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