import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import { IFbSpinner } from './fb-spinner.interface';

const styles: any[] = [require('./fb-spinner.component.less')];

/**
 * @param type Den typ av styling spinnern ska ha.
 * 'normal' ger normalt utseende.
 * 'inline-text' passar för spinners i textrutor, där den hämnar längst till höger
 * 'small' ger normal utseende fast i mindre format
 */

@Component({
    selector: 'fb-spinner',
    templateUrl: './fb-spinner.component.html',
    styles: styles,
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class FbSpinnerComponent {
    @Input() error: boolean = false;
    @Input() type: IFbSpinner['type'] = 'normal';

    typeIs(type: IFbSpinner['type']): boolean {
        return this.type === type;
    }
}