<section class="animated-shadow-sky sky-section flex divide-none p-3">
  <div class="flex grow items-center gap-4">
    <img
      src="<%= domain_user_avatar_img_src_path(user.avatar) %>"
      class="h-12 w-12 rounded-lg"
    />
    <div>
      <div class="text-lg font-bold text-slate-900">
        <%= user.name_for_view %>
      </div>
      <div class="flex gap-6 text-sm text-slate-400">
        <% if policy(user).view_page_scanned_at_timestamps? %>
          <div class="flex flex-col">
            <span class="font-medium italic text-slate-500">Status</span>
            <span class=""><%= user.account_status_for_view %></span>
          </div>
        <% end %>
        <%= render_for_model user, "overview_details", as: :user %>
        <div class="flex flex-col">
          <span class="font-medium italic text-slate-500">Registered</span>
          <span>
            <%= domain_user_registered_at_string_for_view(user) %>
          </span>
        </div>
      </div>
    </div>
  </div>
  <a
    href="<%= user.external_url_for_view %>"
    target="_blank"
    rel="noopener noreferrer"
    class="blue-link flex items-center gap-2"
  >
    <img src="<%= site_icon_path_for_user(user) %>" class="h-5 w-5" />
    <span class="font-bold flex items-center gap-1">
      <span><%= user.site_name_for_view %></span>
      <%= render "shared/icons/external_link" %>
    </span>
  </a>
</section>
