@props(['message' => null])

@if ($message || session('message'))
    <div {{ $attributes->merge(['class' => 'rounded-lg bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 p-4']) }}>
        <div class="flex items-start gap-3">
            @svg('heroicon-o-check-circle', 'h-5 w-5 text-green-600 dark:text-green-400 mt-0.5 flex-shrink-0')
            <div class="flex-1">
                <p class="text-sm font-medium text-green-800 dark:text-green-200">
                    {{ $message ?? session('message') ?? $slot }}
                </p>
            </div>
        </div>
    </div>
@endif