{{-- Aviso de contexto (sandbox, modo teste, erro de configuração). --}}
@props(['tipo' => 'info'])
@php
    $cores = [
        'atencao' => ['#fffbeb', '#fcd34d', '#92400e'],
        'erro' => ['#fef2f2', '#fecaca', '#b91c1c'],
        'ok' => ['#f0fdf4', '#bbf7d0', '#15803d'],
        'info' => ['#eff6ff', '#bfdbfe', '#1d4ed8'],
    ][$tipo];
@endphp
<div class="px-3 py-2 mt-4 text-xs rounded-lg"
    style="background:{{ $cores[0] }};border:1px solid {{ $cores[1] }};color:{{ $cores[2] }}">{{ $slot }}</div>