<div class="flex w-full items-center justify-between gap-2">
  <%= image_tag domain_model_icon_path(post),
                class: "w-6 h-6",
                title: domain_model_icon_path(post) %>
  <% link_class =
       "flex items-center text-slate-500 hover:text-slate-700 decoration-dotted underline" %>
  <% url = post.external_url_for_view %>
  <% if url.present? %>
    <%= link_to url.to_s, target: "_blank", rel: "noopener noreferrer", class: link_class do %>
      <span
        ><%= domain_abbreviation_for_model(post) %>
        #<%= post.domain_id_for_view %></span
      >
      <%= render partial: "shared/icons/external_link",
                 locals: {
                   class_name: "w-4 h-4 ml-1",
                 } %>
    <% end %>
  <% else %>
    <span
      ><%= domain_abbreviation_for_model(post) %>
      #<%= post.domain_id_for_view %></span
    >
  <% end %>
</div>
