🎨 Make the Alert component anonymous

resources/views/components/alert.blade.php

@@ -1,3 +1,15 @@
-<div {{ $attributes->merge(['class' => $type]) }}>
+@props([
+  'type' => null,
+  'message' => null,
+])
+
+@php($class = match ($type) {
+  'success' => 'text-green-50 bg-green-400',
+  'caution' => 'text-yellow-50 bg-yellow-400',
+  'warning' => 'text-red-50 bg-red-400',
+  default => 'text-indigo-50 bg-indigo-400',
+})
+
+<div {{ $attributes->merge(['class' => "px-2 py-1 {$class}"]) }}>
   {!! $message ?? $slot !!}
 </div>