<%= pb_rails("message", props: {
  label: "Message",
  message: "How can we assist you today?",
  timestamp: "20 seconds ago",
  avatar_name: "Mike Bishop",
  avatar_url: "https://randomuser.me/api/portraits/men/50.jpg",
  avatar_status: "online"
}) %>

<br><br>

<%= pb_rails("message", props: {
  label: "Support",
  message: "We'll escalate this issue to a Senior Support agent.",
  timestamp: "9 minutes ago",
  avatar_name:"Wade Winningham",
  avatar_url: "https://randomuser.me/api/portraits/men/14.jpg"
}) %>

<br><br>

<%= pb_rails("message", props: {
  message: "To processs your order, I'll need your full name.",
  timestamp: "4 hours ago",
  avatar_name: "Lisa Thompson",
  avatar_url: "https://randomuser.me/api/portraits/women/39.jpg"
}) %>

<br><br>

<%= pb_rails("message", props: {
  label: "Application",
  message: "Application for Kate Smith is waiting for your approval",
  avatar_name: "Becca Jacobs",
  avatar_url: "https://randomuser.me/api/portraits/women/50.jpg"
}) %>

<br><br>

<%= pb_rails("message", props: {
  label: "Complaint",
  message: "We're so sorry you had a bad experience!",
  timestamp: "2 days ago",
  avatar_name: "Tim Wenhold"
}) %>

<br><br>

<%= pb_rails("message", props: {
  label: "Support",
  message: "Please hold for one moment, I'll check with my manager.",
  timestamp: "2 days ago"
}) %>