Sha256: 8c4ee6f6ed675c04d44806a5d183ba83834f440c76383eca6d9471f88810814d
Contents?: true
Size: 1.78 KB
Versions: 91
Compression:
Stored size: 1.78 KB
Contents
import React from 'react'
import { Message } from '../../'
const MessageDefault = (props) => {
return (
<div>
<Message
avatarName="Mike Bishop"
avatarStatus="online"
avatarUrl="https://randomuser.me/api/portraits/men/50.jpg"
label="Message"
message="How can we assist you today?"
timestamp="20 seconds ago"
{...props}
/>
<br />
<br />
<Message
avatarName="Wade Winningham"
avatarUrl="https://randomuser.me/api/portraits/men/14.jpg"
label="Support"
message="We will escalate this issue to a Senior Support agent."
timestamp="9 minutes ago"
{...props}
/>
<br />
<br />
<Message
avatarName="Lisa Thompson"
avatarUrl="https://randomuser.me/api/portraits/women/39.jpg"
message="To process your order, I will need your full name."
timestamp="4 hours ago"
{...props}
/>
<br />
<br />
<Message
avatarName="Becca Jacobs"
avatarUrl="https://randomuser.me/api/portraits/women/50.jpg"
label="Application"
message="Application for Kate Smith is waiting for your approval"
timestamp="2 days ago"
{...props}
/>
<br />
<br />
<Message
avatarName="Timothy Wenhold"
label="Complaint"
message="We are so sorry you had a bad experience!"
timestamp="2 days ago"
{...props}
/>
<br />
<br />
<Message
label="Support"
message="Please hold for one moment, I will check with my manager."
timestamp="2 days ago"
{...props}
/>
</div>
)
}
export default MessageDefault
Version data entries
91 entries across 91 versions & 1 rubygems