@props(['cols' => 6, 'rows' => 1])

merge(['class' => "@container flex flex-col p-3 sm:p-6 bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 rounded-xl shadow-sm ring-1 ring-gray-900/5 default:col-span-full default:lg:col-span-{$cols} default:row-span-{$rows}"]) }} x-data="{ loading: false, init() { @if (isset($_instance)) Livewire.hook('commit', ({ component, succeed }) => { if (component.id === $wire.__instance.id) { succeed(() => this.loading = false) } }) @endif } }" > {{ $slot }}