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

interface IImage {
    src         : string;
}
 
@Component({
    selector: 'bf-block-highlight',
    templateUrl: './block-highlight.component.html',
    // styleUrls: ['../common/style.scss'],
})
export class BlockHighlightComponent implements OnInit {
    constructor() {}

    @Input() image                  : IImage;
    @Input() visualBackgroundColor  : string;
    @Input() blockBackgroundColor   : 'ground' | 'underground';
    
    @Input() title                  : string;
    /** E.g. `h2` */
    @Input() titleTag               : string;
    @Input() paragraph              : string;
    @Input() button                 : object;
    @Input() isFeatured             : boolean;

    @Input() class                  : string;
    @Input() reversed               : boolean;

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