import React from 'react' ; import ThreadMessage from '.' ; import { Avatar , Box } from '../..' ; export default { title : 'Message/ThreadMessage' , component : ThreadMessage , parameters : { jest : [ 'ThreadMessage.spec.tsx' ] , } , } ; export const Default = ( ) => ( < Box > < ThreadMessage > < ThreadMessage . Row > < ThreadMessage . LeftContainer > < ThreadMessage . Icon /> < /ThreadMessage.LeftContainer> < ThreadMessage . Container > < ThreadMessage . Origin > Ut enim ad minim veniam , quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur . Consectetur adipiscing elit , sed do eiusmod tempor incididunt ut labore et dolore magna aliqua . Ut enim ad minim veniam ... < /ThreadMessage.Origin> < ThreadMessage . Unfollow / > < /ThreadMessage.Container> < /ThreadMessage.Row> < ThreadMessage . Row > < ThreadMessage . LeftContainer > < Avatar url = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC 4n ICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL / 2 wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj IyMjIyMjIyMjIyMjIyMjL / wAARCAAoACgDASIAAhEBAxEB / 8 QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj / xAAuEAACAQQAAwcEAQUAAA AAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH / xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP / EAB4RAAIBBQEBAQAAAAAAAAAAAAABAg MREiExE0HR / 9 oADAMBAAIRAxEAPwBuXuIkhBuMe5ib / AHQP49q4L3mLitryTLTSpOiHQI5k / HzXa / qbFOEudVTu1dumWvcTaNCZYZ7vU6g6L xqjOU / 24 dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9 / MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD / AGvJAluyxxRd6F4x00o + NdKoVr jbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw + 37 mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS / BIzSN0YRk eX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1 + agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk / u4eZ0deTl71Ef 6 hY + 0 yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em + taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkB SuvjQ / FFJayjDWrCTepAQ2vUH0oo / Jk3ovpwJJeVCP5CN + lFFaaMqy + nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP + iqBexSWdxLazoUljJVlP UH2oorkV10pRc7b1zXb / hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs < /ThreadMessage.LeftContainer> < ThreadMessage . Container > < ThreadMessage . Message > Ut enim ad minim veniam , quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur . Consectetur adipiscing elit , sed do eiusmod tempor incididunt ut labore et dolore magna aliqua . Ut enim ad minim veniam ... < /ThreadMessage.Message> < /ThreadMessage.Container> < /ThreadMessage.Row> < /ThreadMessage> < /Box>);