export const MessageWithAttachmentFromTeams:()

in packages/storybook8/stories/Components/MessageThread/MessageWithAttachments/snippets/MessageWithAttachmentFromTeams.snippet.tsx [7:53]


export const MessageWithAttachmentFromTeams: () => JSX.Element = () => {
  return (
    <FluentThemeProvider>
      <MessageThread
        userId={'1'}
        showMessageDate={true}
        messages={[
          {
            messageType: 'chat',
            senderId: '8:orgid:f949b075-4ab2-43de-8803-e01371df20a3',
            senderDisplayName: 'Kat Larsson',
            messageId: `f0a6096c-da7b-42d0-9d67-05297c926bf9`,
            content: 'Checkout these files from my OneDrive, let me know what do you think',
            createdOn: new Date('2019-04-13T00:00:00.000+08:10'),
            mine: false,
            attached: false,
            status: 'seen' as MessageStatus,
            contentType: 'text',
            attachments: [
              {
                id: 'a021eacd612d',
                name: 'Report.ppt',
                url: 'https://www.onedrive.com'
              },
              {
                id: 'zc1eacd612d',
                name: 'Budget.xlsx',
                url: 'https://www.bing.com'
              }
            ]
          },
          {
            messageType: 'chat',
            senderId: 'user2',
            senderDisplayName: 'Robert Tolbert',
            messageId: `2a57431b-0b86-4e37-92e9-37fc03553a9d`,
            content: 'will do, thanks!',
            createdOn: new Date('2019-04-13T00:00:00.000+08:09'),
            mine: true,
            attached: false,
            contentType: 'text'
          }
        ]}
      />
    </FluentThemeProvider>
  );
};