import { Component, ViewEncapsulation, OnInit, Input, Output, EventEmitter} from "@angular/core";

/**
 * API is the same between **Angular** and **Drupal**.
 *
 */

@Component({
    selector: 'bf-icon',
    templateUrl: './icon.component.html',
    // styleUrls: ['../common/style.scss'],
})
export class IconComponent implements OnInit {
    constructor() {}

    @Input() name               : string;
    @Input() size               : 'xsmall' | 'small' | 'medium' | 'large' | 'huge';
    @Input() color              : '' | 'success' | 'neutral'| 'warning' | 'negative';
    @Input() class              : string;
    @Input() reversed           : boolean;

    ngOnInit() {
        console.log('icon', this);
    }
}