<%= content_for :page_title, t(".title") %>

<div class="bg-container shadow-border-xs rounded-xl p-4 grow overflow-y-auto">
  <div class="flex flex-col md:flex-row justify-between gap-4 mb-12 last:mb-0">
    <div class="w-full md:w-1/3">
      <div class="md:px-3 flex items-center gap-3">
        <div class="text-white shrink-0 w-9 h-9">
          <%= image_tag @release_notes[:avatar], class: "rounded-full w-full h-full object-cover" %>
        </div>
        <div>
          <a class="text-primary font-medium text-sm" href="https://github.com/<%= @release_notes[:username] %>"><%= "@#{@release_notes[:username]}" %></a>
          <div class="text-secondary text-sm"><%= @release_notes[:published_at].strftime("%B %d, %Y") %></div>
        </div>
      </div>
    </div>
    <div class="w-full md:w-2/3 text-secondary text-sm prose prose--github-release-notes">
      <h2 class="mb-5 text-xl text-primary"><%= @release_notes[:name] %></h2>
      <%= @release_notes[:body].html_safe %>
    </div>
  </div>
</div>
