Separator
A line across a conversation saying when the messages after it were sent, or that they are new.
Dates and new messages
A label prints as it is; time: is a date in the viewer's zone; unread: true marks where the new messages start.
Did the parcel arrive?
Yesterday
You
Got it, thanks!
New messages
Great. Same time next week?
<div class="mx-auto max-w-md">
<%= message_thread do %>
<%= message_separator time: @now.to_date - 2 %>
<%= message "Did the parcel arrive?", author: "Ana Silva", avatar: true %>
<%= message_separator "Yesterday" %>
<%= message "Got it, thanks!", own: true %>
<%= message_separator unread: true %>
<%= message "Great. Same time next week?", author: "Ana Silva", avatar: true %>
<% end %>
</div>