@props(['type' => 'info', 'message' => ''])

@php
    $colors = [
        'success' => 'green',
        'error'   => 'red',
        'warning' => 'yellow',
        'info'    => 'blue',
    ];
@endphp

<div class="p-4 rounded-lg bg-{{ $colors[$type] ?? 'blue' }}-100 text-{{ $colors[$type] ?? 'blue' }}-800 mb-4">
    {{ $message }}
</div>
