@props([
    /** Farb-/Icon-Variante: success (grün, check) | error (rot, Warnzeichen) */
    'variant' => 'success',
])

@php
    $variant = in_array($variant, ['success', 'error'], true) ? $variant : 'success';
@endphp

{{--
    Portal-Flash-Meldung. Ersetzt den mehrfach kopierten session()-Alert-Block.
    Nachricht als Slot:  <x-portal.alert variant="success">{{ session('success') }}</x-portal.alert>
--}}
@if ($variant === 'error')
    <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-start gap-3 bg-[color:var(--color-err-soft)] border-[color:var(--color-err)]/30 text-[color:var(--color-ink-2)]">
        <flux:icon.exclamation-triangle class="size-[16px] flex-shrink-0 mt-0.5 text-[color:var(--color-err)]" />
        <div class="flex-1">{{ $slot }}</div>
    </div>
@else
    <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-center gap-2 bg-[color:var(--color-ok-soft)] border-[color:var(--color-ok)]/30 text-[color:var(--color-gain-deep)]">
        <flux:icon.check-circle class="size-[16px] flex-shrink-0" />
        {{ $slot }}
    </div>
@endif