import { LightningElement, track, api } from 'lwc';

export default class CommonToast extends LightningElement {
    @track type = 'success';
    @track message;
    @track messageIsHtml = false;
    @track showToastBar = false;
    @api autoCloseTime = 5000;
    @track icon = '';

    @api
    showToast(type, message, icon, time) {
        this.type = type;
        this.message = message;
        this.icon = icon;
        this.autoCloseTime = time;
        this.showToastBar = true;
        setTimeout(() => {
            this.closeModel();
        }, this.autoCloseTime);
    }

    closeModel() {
        this.showToastBar = false;
        this.type = '';
        this.message = '';
    }

    get getIconName() {
        if (this.icon) {
            return this.icon;
        }
        return 'utility:' + this.type.toLowerCase();
    }

    get innerClass() {
        return (
            'slds-icon_container slds-icon-utility-' +
            this.type.toLowerCase() +
            ' slds-m-right_small slds-no-flex slds-align-top'
        );
    }

    get outerClass() {
        return (
            'slds-notify slds-notify_toast slds-theme_' +
            this.type.toLowerCase()
        );
    }
}