<div class="space-y-4">
  <div>
    <h2 class="font-medium mb-1"><%= t(".title") %></h2>
    <p class="text-secondary text-sm mb-4"><%= t(".description") %></p>
  </div>
  <% if @yahoo_finance_provider&.healthy? %>
    <div class="space-y-4">
      <div class="flex items-center space-x-3">
        <div class="w-3 h-3 bg-success rounded-full"></div>
        <p class="text-sm text-secondary">
          <%= t(".status_active") %>
        </p>
      </div>
    </div>
  <% else %>
    <div class="space-y-4">
      <div class="flex items-center space-x-3">
        <div class="w-3 h-3 bg-destructive rounded-full"></div>
        <p class="text-sm text-secondary">
          <%= t(".status_inactive") %>
        </p>
      </div>
      <div class="bg-amber-50 border border-amber-200 rounded-lg p-3">
        <div class="flex items-start gap-2">
          <%= icon("alert-triangle", size: "sm", class: "text-amber-600 mt-0.5 shrink-0") %>
          <div>
            <h3 class="text-sm font-medium text-amber-700"><%= t(".connection_failed") %></h3>
            <p class="text-sm text-amber-700 mt-1"><%= t(".troubleshooting") %></p>
          </div>
        </div>
      </div>
    </div>
  <% end %>
</div>
