<div @class([
'fixed z-[9999] flex flex-col gap-3 pointer-events-none p-4 sm:p-6 w-full sm:w-auto sm:max-w-sm',
// Vertical alignment
'bottom-0' => $alignment->is('bottom'),
'top-1/2 transform -translate-y-1/2' => $alignment->is('middle'),
'top-0' => $alignment->is('top'),
// Horizontal alignment
'items-start left-0 rtl:right-0' => $position->is('left'),
'items-center left-1/2 transform -translate-x-1/2' => $position->is(
'center'),
'items-end right-0 rtl:left-0' => $position->is('right'),
]) id="toaster" role="status" x-data="toasterHub(@js($toasts), @js($config))">
<template :key="toast.id" x-for="toast in toasts">
<div :class="toast.select({
error: 'bg-red-500 text-white',
info: 'bg-white text-gray-900 border border-gray-200',
success: 'bg-green-600 text-white',
warning: 'bg-orange-500 text-white'
})"
class="pointer-events-auto relative flex w-full items-start rounded-lg p-4 text-sm shadow-lg transition duration-300 ease-in-out sm:w-auto" x-init="$nextTick(() => toast.show($el))" x-show="toast.isVisible"
x-transition:enter-end="translate-y-0 opacity-100"
x-transition:enter-start="{{ $alignment->is('bottom') ? 'translate-y-6 opacity-0' : ($alignment->is('top') ? '-translate-y-6 opacity-0' : 'opacity-0 scale-95') }}" x-transition:leave-end="opacity-0 scale-95">
<div class="flex-1 pr-4">
<span class="block" x-text="toast.message"></span>
</div>
@if ($closeable)
<button @click="toast.dispose()" aria-label="@lang('close')" class="absolute right-2 top-2 text-inherit focus:outline-none rtl:left-2 rtl:right-auto">
<svg class="h-4 w-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
fill-rule="evenodd" />
</svg>
</button>
@endif
</div>
</template>
</div>
PHPTools detect the error at this point:
<div :class="toast.select({
