<.title>microblog</.title>
<ul class="flex flex-col">
  <li :for={status <- @statuses}>
    <.link href={~p"/microblog/#{status}"} class="flex flex-row justify-between group">
      <span class="group-hover:underline overflow-hidden text-ellipsis text-nowrap">
        {status.body}
      </span>
      <.timex
        value={status.inserted_at}
        format="{relative}"
        formatter={:relative}
        class="text-gray-500 text-nowrap"
      />
    </.link>
  </li>
</ul>