🎨 Make the Alert component anonymous (#3173)

roots · Jan 5, 2024 · f57d9aa · f57d9aa
2 parents 6f46605 + 5b07f46
commit f57d9aa
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 58 deletions.
diff --git a/app/View/Components/Alert.php b/app/View/Components/Alert.php
diff --git a/resources/views/components/alert.blade.php b/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>