switch ButtonLinkComponent to use button_to and take a method param that defaults to get

app/assets/stylesheets/cfa_ui_components.tailwind.css

@@ -97,6 +97,10 @@ a:visited {
     @apply bg-white border-2 text-black;
 }
 
+.btn--destructive {
+    @apply bg-white border-2 border-red-700 text-red-700;
+}
+
 .btn--small {
     @apply px-3 py-2;
 }

app/components/button_link_component.html.erb

@@ -1 +1 @@
-<%= link_to @label, @url, class: "btn btn--large #{@button_style}" %>
+<%= button_to @label, @url, class: "btn btn--large #{@button_style}", method: @method, form: {data: {turbo: @turbo}} %>

app/components/button_link_component.rb

@@ -1,16 +1,21 @@
 # frozen_string_literal: true
 
 class ButtonLinkComponent < ViewComponent::Base
-  def initialize(label:, url:, style: :primary)
+  def initialize(label:, url:, style: :primary, method: :get, turbo: true)
     @label = label
     @url = url
-    @button_style = case style
-    when :primary
-                      "btn--primary"
-    when :secondary
-                      "btn--secondary"
-    else
-                      raise ArgumentError("Invalid button style")
-    end
+    @button_style =
+      case style
+      when :primary
+        "btn--primary"
+      when :secondary
+        "btn--secondary"
+      when :destructive
+        "btn--destructive"
+      else
+        raise ArgumentError("Invalid button style")
+      end
+    @method = method
+    @turbo = turbo
   end
 end

config/locales/en.yml

@@ -2,6 +2,7 @@ en:
   back: Go back
   continue: Continue
   decline: Decline
+  remove: Remove
   first_name: First name
   last_name: Last name
   submit: Submit

config/locales/es.yml

@@ -2,6 +2,7 @@ es:
   back: Regresa
   continue: Continuar
   decline: Rechazar
+  remove: Eliminar
   first_name: Primer nombre
   last_name: Apellido
   submit: Enviar

test/components/previews/button_link_component_preview.rb

@@ -1,9 +1,13 @@
 class ButtonLinkComponentPreview < ViewComponent::Preview
   def primary
-    render(ButtonLinkComponent.new(label: I18n.t("continue"), url: "/continue"))
+    render(ButtonLinkComponent.new(label: I18n.t("continue"), url: "https://www.google.com", turbo: false))
   end
 
   def secondary
     render(ButtonLinkComponent.new(label: I18n.t("decline"), url: "/decline", style: :secondary))
   end
+
+  def destructive
+    render(ButtonLinkComponent.new(label: I18n.t("remove"), url: "/destroy", style: :destructive, method: :post))
+  end
 end