31 lines
1.3 KiB
PHP
31 lines
1.3 KiB
PHP
<div class="p-5 flex flex-col gap-4">
|
|
<div class="flex items-start gap-3">
|
|
<span @class([
|
|
'grid place-items-center w-10 h-10 rounded-lg shrink-0',
|
|
'bg-offline/10 text-offline' => $danger,
|
|
'bg-accent/10 text-accent' => ! $danger,
|
|
])>
|
|
<x-icon :name="$danger ? 'alert' : 'activity'" :size="20" />
|
|
</span>
|
|
<div class="min-w-0">
|
|
<h2 class="text-[15px] font-bold text-ink">{{ $title }}</h2>
|
|
<p class="text-[13px] text-ink-2 mt-1">{{ $body }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-end gap-2 pt-1">
|
|
<button type="button" wire:click="closeModal"
|
|
class="rounded-lg border border-line px-3.5 py-2 text-[13px] font-semibold text-ink-2 hover:text-ink hover:bg-raised transition-colors">
|
|
{{ __('common.cancel') }}
|
|
</button>
|
|
<button type="button" wire:click="confirm"
|
|
@class([
|
|
'rounded-lg px-3.5 py-2 text-[13px] font-bold transition-[filter] hover:brightness-110',
|
|
'bg-offline text-base' => $danger,
|
|
'bg-accent text-base' => ! $danger,
|
|
])>
|
|
{{ $confirmLabel }}
|
|
</button>
|
|
</div>
|
|
</div>
|