<%= turbo_frame_tag "modal" do %> <%= render DS::Dialog.new do |dialog| %> <% dialog.with_header(title: t(".title")) %> <% dialog.with_body do %>
<%= icon("alert-circle", class: "text-warning w-5 h-5 shrink-0 mt-0.5") %>

<%= t(".heading") %>

<%= t(".description") %>

<%= t(".setup_steps") %>

  1. <%= t(".steps.open_settings_html") %>
  2. <%= t(".steps.find_section_html") %>
  3. <%= t(".steps.enter_token") %>
  4. <%= t(".steps.return_to_link") %>
<%= link_to settings_providers_path, class: "inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-medium text-inverse button-bg-primary hover:button-bg-primary-hover focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition-colors", data: { turbo: false } do %> <%= t(".settings_link") %> <% end %>
<% end %> <% end %> <% end %>