show = false, 3000)
"
@review-updated.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@review-deleted.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@meetup-created.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@meetup-updated.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@meetup-deleted.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 3000)
"
@rsvp-cancelled.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 5000)
"
@rsvp-confirmed.window="
show = true;
status = $event.detail.status;
title = $event.detail.title;
message = $event.detail.message;
setTimeout(() => show = false, 5000)
"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 transform scale-90"
x-transition:enter-end="opacity-100 transform scale-100"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="opacity-100 transform scale-100"
x-transition:leave-end="opacity-0 transform scale-90"
role="alert"
class="fixed bottom-3 right-3 rounded-xl border border-yellow-100 bg-yellow-50 p-4">