import { Component, OnInit, Input } from '@angular/core'

@Component({
    moduleId: module.id+'',
    selector: 'image-container',
    templateUrl: 'tpl.image.pug',
    styleUrls: ['./sty.image.scss']
})

export class ImageComponent implements OnInit {
    // fallback = 'assets/images/no-image.svg'
    fallback = 'https://dev.bilka.klean.dk/i/type/undefined'
    
    @Input('src') src: string = this.fallback
    @Input('alt') alt: string
    @Input() doesFit: boolean = false

    visible: boolean = false;

    constructor() {}

    ngOnInit() {}

    load() {
        this.visible = true
    }
}