@props(['types' => ['success', 'error', 'warning']])

@php
    $styles = [
        'success' => 'bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4',
        'error' => 'bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4',
        'warning' => 'bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-3 rounded relative mb-4',
    ];
@endphp

@foreach ($types as $msg)
    @if (session($msg))
    <div class="max-w-7xl mx-auto">
        <div class="{{ $styles[$msg] }}">
            {{ session($msg) }}
        </div>
    </div>
    @endif
@endforeach