// Angular imports //
import { Component, OnInit } from '@angular/core';
import { downgradeComponent } from '@angular/upgrade/static';
declare const angular: angular.IAngularStatic;

// Components //

// Interfaces //

// Services //

// Directives //

@Component({
    selector: 'fb-tabset-exempel',
    templateUrl: './fb-tabset-exempel.component.html',
})
export class FbTabsetExempelComponent implements OnInit {

    tabsetList: any[];

    ngOnInit(): void {
        this.tabsetList = [
            { namn: 'En flik', isSelected: true },
            { namn: 'En flik till', isSelected: false },
            { namn: 'Ytterligare en flik', isSelected: false }
        ];
    }

    onSelect(tab: any): void {
        console.log('onSelect-funktionen för fb-tabset', tab);
    }

}

// Angular downgrade ////
angular.module('fasit')
    .directive('fbTabsetExempel',
    downgradeComponent({
        component: FbTabsetExempelComponent,
        inputs: [],
        outputs: []
    }) as angular.IDirectiveFactory);