<?php
/*
* Plugin-Name: Product Designer App
* Plugin-URI: https://productdesignerapp.com
* Author: productdesignerapp
* Page: Components
*/

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div v-if="toast.show" class="toast show text-white border-0 shadow-lg fade d-flex justify-content-between align-items-center mt-1" :class="toast.type == 'error' ? 'bg-danger' : 'bg-'+ toast.type" role="alert">
    <div class="toast-body">{{ toast.text }}</div>
    <button class="btn btn-sm p-1 btn-rounded text-white" @click="toast.show = false">
        <i class="material-icons material-symbols-outlined">delete</i>
    </button>
</div>