Refactor

app/components/tailwind/alert_component.html.erb

@@ -1,19 +1,6 @@
 <div class="flex <%= @alignment_class %> <%= @padding_class %> text-2xl font-bold text-white rounded-lg <%= @bg_class %>">
-  <% case @type %>
-  <% when :success %>
-    <div class="mr-5 text-light-lavender">
-      <%= render Tailwind::Icon.new(name: :tick) %>
-    </div>
-  <% when :congratulations %>
-    <div class="mr-5 text-light-lavender">
-      <%= render Tailwind::Icon.new(name: :clapping) %>
-    </div>
-  <% when :warning %>
-    <div class="mr-5 text-white">
-      <%= render Tailwind::Icon.new(name: :warning) %>
-    </div>
-  <% else %>
-    <% raise "Invalid value for type: #{type}" %>
-  <% end %>
+  <div class="mr-5 <%= @icon_class %>">
+    <%= render Tailwind::Icon.new(name: @icon_name) %>
+  </div>
   <div><%= content %></div>
 </div>

app/components/tailwind/alert_component.rb

@@ -16,14 +16,20 @@ def initialize(type:)
         @bg_class = T.let("bg-lavender", String)
         @alignment_class = T.let("items-center", String)
         @padding_class = T.let("px-4 py-3", String)
+        @icon_name = T.let(:tick, Symbol)
+        @icon_class = T.let("text-light-lavender", String)
       when :congratulations
         @bg_class = T.let("bg-lavender", String)
         @alignment_class = T.let("items-start", String)
         @padding_class = T.let("px-8 py-8", String)
+        @icon_name = :clapping
+        @icon_class = "text-light-lavender"
       when :warning
         @bg_class = "bg-error-red"
         @alignment_class = T.let("items-center", String)
         @padding_class = T.let("px-4 py-3", String)
+        @icon_name = :warning
+        @icon_class = "text-white"
       else
         raise "Invalid value for type: #{type}"
       end