<section class="rounded-md border border-slate-300 bg-slate-50 p-4 w-full flex items-center gap-4">
  <%# <div class="flex items-center gap-4"> %>
  <span class="truncate text-lg font-medium flex-grow">
    <% if url = @post_group.external_url_for_view %>
      <%= link_to url, target: "_blank", rel: "noopener noreferrer", class: "flex items-center gap-1 blue-link" do %>
        <%= @post_group.name %>
        <%= render partial: "shared/icons/external_link", locals: { class_name: "w-4 h-4" } %>
      <% end %>
    <% else %>
      <%= @post_group.name %>
    <% end %>
  </span>
  <div class="text-slate-600">
    <%= pluralize(@post_group.posts.count, "post") %>
  </div>
  <% if @post_group.respond_to?(:owner) && (owner = @post_group.owner) %>
    <div class="flex items-center gap-2">
      <span class="text-slate-600 italic">by</span>
      <%= render partial: "domain/users/inline_link", locals: { user: owner, with_post_count: false } %>
    </div>
  <% end %>
  <%# </div> %>
</section>
