verdnatura-chat/__tests__/__snapshots__/Storyshots.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Storyshots Markdown list Markdown 1`] = `
<RCTScrollView
  contentContainerStyle={
    Object {
      "paddingBottom": 50,
    }
  }
  style={
    Object {
      "backgroundColor": "#ffffff",
      "marginVertical": 50,
    }
  }
>
  <View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Short Text
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="This is Rocket.Chat"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          This is Rocket.Chat
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Long Text
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Line Break Text
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="a"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          a
        </Text>
        <Text>
          

        </Text>
        <Text
          accessibilityLabel="b"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          b
        </Text>
        <Text>
          

        </Text>
        <Text
          accessibilityLabel="c"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          c
        </Text>
        <Text>
          

        </Text>
        <Text>
          

        </Text>
        <Text
          accessibilityLabel="d"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          d
        </Text>
        <Text>
          

        </Text>
        <Text>
          

        </Text>
        <Text>
          

        </Text>
        <Text
          accessibilityLabel="e"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          e
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Edited
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="This is edited"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          This is edited
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 14,
                "fontWeight": "400",
              },
              Object {
                "color": "#9ca2a8",
              },
            ]
          }
        >
           (
          edited
          )
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Preview
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
        numberOfLines={1}
        style={
          Array [
            Object {
              "backgroundColor": "transparent",
              "fontFamily": "System",
              "fontSize": 16,
              "fontWeight": "400",
            },
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </Text>
      <Text
        accessibilityLabel="a b c d e"
        numberOfLines={1}
        style={
          Array [
            Object {
              "backgroundColor": "transparent",
              "fontFamily": "System",
              "fontSize": 16,
              "fontWeight": "400",
            },
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        a b c d e
      </Text>
      <Text
        accessibilityLabel="@rocket.cat @name1 @all @here @unknown #general #unknown"
        numberOfLines={1}
        style={
          Array [
            Object {
              "backgroundColor": "transparent",
              "fontFamily": "System",
              "fontSize": 16,
              "fontWeight": "400",
            },
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        @rocket.cat @name1 @all @here @unknown #general #unknown
      </Text>
      <Text
        accessibilityLabel="Testing: 😃 👍 :marioparty:"
        numberOfLines={1}
        style={
          Array [
            Object {
              "backgroundColor": "transparent",
              "fontFamily": "System",
              "fontSize": 16,
              "fontWeight": "400",
            },
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        Testing: 😃 👍 :marioparty:
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Mentions
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#ffe9ec",
                "color": "#f5455c",
              },
            ]
          }
        >
          rocket.cat
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#fff6d6",
                "color": "#b68d00",
              },
            ]
          }
        >
          name1
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#fde8d7",
                "color": "#f38c39",
              },
            ]
          }
        >
          all
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#fde8d7",
                "color": "#f38c39",
              },
            ]
          }
        >
          here
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Object {
                "color": "#2f343d",
              },
            ]
          }
        >
          @unknown
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Mentions with Real Name
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#ffe9ec",
                "color": "#f5455c",
              },
            ]
          }
        >
          Rocket Cat
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#fff6d6",
                "color": "#b68d00",
              },
            ]
          }
        >
          Name
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#fde8d7",
                "color": "#f38c39",
              },
            ]
          }
        >
          all
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#fde8d7",
                "color": "#f38c39",
              },
            ]
          }
        >
          here
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Object {
                "color": "#2f343d",
              },
            ]
          }
        >
          @unknown
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Hashtag
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "letterSpacing": 0.5,
                "padding": 5,
              },
              Object {
                "backgroundColor": "#fff6d6",
                "color": "#b68d00",
              },
            ]
          }
        >
          #test-channel
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Object {
                "color": "#2f343d",
              },
            ]
          }
        >
          #unknown
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Emoji
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Unicode: 😃😇👍"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          Unicode: 😃😇👍
        </Text>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Shortnames: "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          Shortnames: 
        </Text>
        <Text
          style={
            Array [
              Object {
                "color": "#2f343d",
              },
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
            ]
          }
        >
          😂
        </Text>
        <Text
          style={
            Array [
              Object {
                "color": "#2f343d",
              },
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
            ]
          }
        >
          👍
        </Text>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Custom emojis: "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          Custom emojis: 
        </Text>
        <View
          style={
            Array [
              Object {
                "overflow": "hidden",
              },
              Object {
                "height": 20,
                "width": 20,
              },
            ]
          }
        >
          <FastImageView
            resizeMode="contain"
            source={
              Object {
                "priority": "high",
                "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
              }
            }
            style={
              Object {
                "bottom": 0,
                "left": 0,
                "position": "absolute",
                "right": 0,
                "top": 0,
              }
            }
          />
        </View>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <View
          style={
            Array [
              Object {
                "overflow": "hidden",
              },
              Object {
                "height": 20,
                "width": 20,
              },
            ]
          }
        >
          <FastImageView
            resizeMode="contain"
            source={
              Object {
                "priority": "high",
                "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
              }
            }
            style={
              Object {
                "bottom": 0,
                "left": 0,
                "position": "absolute",
                "right": 0,
                "top": 0,
              }
            }
          />
        </View>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <View
          style={
            Array [
              Object {
                "overflow": "hidden",
              },
              Object {
                "height": 20,
                "width": 20,
              },
            ]
          }
        >
          <FastImageView
            resizeMode="contain"
            source={
              Object {
                "priority": "high",
                "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
              }
            }
            style={
              Object {
                "bottom": 0,
                "left": 0,
                "position": "absolute",
                "right": 0,
                "top": 0,
              }
            }
          />
        </View>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="😃 "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 30,
                  "fontWeight": "400",
                },
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          😃 
        </Text>
        <Text
          style={
            Array [
              Object {
                "color": "#2f343d",
              },
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 30,
                "fontWeight": "400",
              },
            ]
          }
        >
          👍
        </Text>
        <Text
          accessibilityLabel=" "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 30,
                  "fontWeight": "400",
                },
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           
        </Text>
        <View
          style={
            Array [
              Object {
                "overflow": "hidden",
              },
              Object {
                "height": 30,
                "width": 30,
              },
            ]
          }
        >
          <FastImageView
            resizeMode="contain"
            source={
              Object {
                "priority": "high",
                "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
              }
            }
            style={
              Object {
                "bottom": 0,
                "left": 0,
                "position": "absolute",
                "right": 0,
                "top": 0,
              }
            }
          />
        </View>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Block Quote
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <View
        style={
          Object {
            "alignItems": "flex-start",
            "flexDirection": "row",
          }
        }
      >
        <View
          style={
            Array [
              Object {
                "height": "100%",
                "marginRight": 5,
                "width": 2,
              },
              Object {
                "backgroundColor": "#e1e5e8",
              },
            ]
          }
        />
        <View
          style={
            Object {
              "flex": 1,
            }
          }
        >
          <Text
            style={
              Array [
                undefined,
                Object {
                  "color": "#2f343d",
                },
              ]
            }
          >
            <Text
              accessibilityLabel="This is block quote"
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Array [
                    Object {},
                    undefined,
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    },
                  ],
                ]
              }
            >
              This is block quote
            </Text>
          </Text>
        </View>
      </View>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="this is a normal line"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          this is a normal line
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Links
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          onLongPress={[Function]}
          onPress={[Function]}
          style={
            Object {
              "backgroundColor": "transparent",
              "color": "#1d74f5",
              "fontFamily": "System",
              "fontSize": 16,
              "fontWeight": "400",
            }
          }
        >
          <Text
            accessibilityLabel="Markdown link"
            style={
              Array [
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 16,
                  "fontWeight": "400",
                },
                Array [
                  Object {},
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  },
                  Object {
                    "backgroundColor": "transparent",
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                ],
              ]
            }
          >
            Markdown link
          </Text>
        </Text>
        <Text
          accessibilityLabel=": "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          : 
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "#f1f2f4",
                "borderColor": "#f1f2f4",
                "borderRadius": 4,
                "borderWidth": 1,
                "color": "#2f343d",
                "fontFamily": "Courier New",
                "fontWeight": "400",
              },
            ]
          }
        >
          [description](url)
        </Text>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          onLongPress={[Function]}
          onPress={[Function]}
          style={
            Object {
              "backgroundColor": "transparent",
              "color": "#1d74f5",
              "fontFamily": "System",
              "fontSize": 16,
              "fontWeight": "400",
            }
          }
        >
          <Text
            accessibilityLabel="Formatted Link"
            style={
              Array [
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 16,
                  "fontWeight": "400",
                },
                Array [
                  Object {},
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  },
                  Object {
                    "backgroundColor": "transparent",
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                ],
              ]
            }
          >
            Formatted Link
          </Text>
        </Text>
        <Text
          accessibilityLabel=": "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          : 
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "#f1f2f4",
                "borderColor": "#f1f2f4",
                "borderRadius": 4,
                "borderWidth": 1,
                "color": "#2f343d",
                "fontFamily": "Courier New",
                "fontWeight": "400",
              },
            ]
          }
        >
          &lt;url|description&gt;
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Image
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Image
          source={
            Object {
              "uri": "https://play.google.com/intl/en_us/badges/images/badge_new.png",
            }
          }
          style={
            Object {
              "height": 300,
              "resizeMode": "contain",
              "width": 300,
            }
          }
        />
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Headers
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Header 1"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 24,
                  "fontWeight": "700",
                },
              ],
            ]
          }
        >
          Header 1
        </Text>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Header 2"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 22,
                  "fontWeight": "700",
                },
              ],
            ]
          }
        >
          Header 2
        </Text>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Header 3"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 20,
                  "fontWeight": "600",
                },
              ],
            ]
          }
        >
          Header 3
        </Text>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Header 4"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 18,
                  "fontWeight": "600",
                },
              ],
            ]
          }
        >
          Header 4
        </Text>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Header 5"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 16,
                  "fontWeight": "500",
                },
              ],
            ]
          }
        >
          Header 5
        </Text>
      </Text>
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Header 6"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "backgroundColor": "transparent",
                  "fontFamily": "System",
                  "fontSize": 14,
                  "fontWeight": "500",
                },
              ],
            ]
          }
        >
          Header 6
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Inline Code
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="This is "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          This is 
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "#f1f2f4",
                "borderColor": "#f1f2f4",
                "borderRadius": 4,
                "borderWidth": 1,
                "color": "#2f343d",
                "fontFamily": "Courier New",
                "fontWeight": "400",
              },
            ]
          }
        >
          inline code
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Code Block
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Inline "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          Inline 
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "#f1f2f4",
                "borderColor": "#f1f2f4",
                "borderRadius": 4,
                "borderWidth": 1,
                "color": "#2f343d",
                "fontFamily": "Courier New",
                "fontWeight": "400",
              },
            ]
          }
        >
          code
        </Text>
        <Text
          accessibilityLabel=" has "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           has 
        </Text>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "#f1f2f4",
                "borderColor": "#f1f2f4",
                "borderRadius": 4,
                "borderWidth": 1,
                "color": "#2f343d",
                "fontFamily": "Courier New",
                "fontWeight": "400",
              },
            ]
          }
        >
          back-ticks around
        </Text>
        <Text
          accessibilityLabel=" it."
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           it.
        </Text>
      </Text>
      <Text
        style={
          Array [
            Object {
              "backgroundColor": "#f1f2f4",
              "borderColor": "#f1f2f4",
              "borderRadius": 4,
              "borderWidth": 1,
              "color": "#2f343d",
              "fontFamily": "Courier New",
              "fontWeight": "400",
              "padding": 4,
            },
          ]
        }
      >
        Code block

      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Lists
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <View
        style={
          Object {
            "alignItems": "flex-start",
            "flexDirection": "row",
          }
        }
      >
        <View
          style={
            Array [
              Object {
                "width": 15,
              },
              Object {
                "alignItems": "flex-end",
                "marginRight": 5,
              },
            ]
          }
        >
          <Text
            style={
              Object {
                "color": "#2f343d",
              }
            }
          >
            •
          </Text>
        </View>
        <View
          style={
            Object {
              "flex": 1,
            }
          }
        >
          <Text
            style={
              Array [
                undefined,
                Object {
                  "color": "#2f343d",
                },
              ]
            }
          >
            <Text
              accessibilityLabel="Open Source"
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Array [
                    Object {},
                    undefined,
                    undefined,
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    },
                  ],
                ]
              }
            >
              Open Source
            </Text>
          </Text>
        </View>
      </View>
      <View
        style={
          Object {
            "alignItems": "flex-start",
            "flexDirection": "row",
          }
        }
      >
        <View
          style={
            Array [
              Object {
                "width": 15,
              },
              Object {
                "alignItems": "flex-end",
                "marginRight": 5,
              },
            ]
          }
        >
          <Text
            style={
              Object {
                "color": "#2f343d",
              }
            }
          >
            •
          </Text>
        </View>
        <View
          style={
            Object {
              "flex": 1,
            }
          }
        >
          <Text
            style={
              Array [
                undefined,
                Object {
                  "color": "#2f343d",
                },
              ]
            }
          >
            <Text
              accessibilityLabel="Rocket.Chat"
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Array [
                    Object {},
                    undefined,
                    undefined,
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    },
                  ],
                ]
              }
            >
              Rocket.Chat
            </Text>
          </Text>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flexDirection": "row",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "width": 15,
                  },
                  Object {
                    "alignItems": "flex-end",
                    "marginRight": 5,
                  },
                ]
              }
            >
              <Text
                style={
                  Object {
                    "color": "#2f343d",
                  }
                }
              >
                ◦
              </Text>
            </View>
            <View
              style={
                Object {
                  "flex": 1,
                }
              }
            >
              <Text
                style={
                  Array [
                    undefined,
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                <Text
                  accessibilityLabel="nodejs"
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Array [
                        Object {},
                        undefined,
                        undefined,
                        undefined,
                        undefined,
                        Object {
                          "alignItems": "flex-start",
                          "flexDirection": "row",
                          "flexWrap": "wrap",
                          "justifyContent": "flex-start",
                          "marginBottom": 0,
                          "marginTop": 0,
                        },
                      ],
                    ]
                  }
                >
                  nodejs
                </Text>
              </Text>
            </View>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flexDirection": "row",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "width": 15,
                  },
                  Object {
                    "alignItems": "flex-end",
                    "marginRight": 5,
                  },
                ]
              }
            >
              <Text
                style={
                  Object {
                    "color": "#2f343d",
                  }
                }
              >
                ◦
              </Text>
            </View>
            <View
              style={
                Object {
                  "flex": 1,
                }
              }
            >
              <Text
                style={
                  Array [
                    undefined,
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                <Text
                  accessibilityLabel="ReactNative"
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Array [
                        Object {},
                        undefined,
                        undefined,
                        undefined,
                        undefined,
                        Object {
                          "alignItems": "flex-start",
                          "flexDirection": "row",
                          "flexWrap": "wrap",
                          "justifyContent": "flex-start",
                          "marginBottom": 0,
                          "marginTop": 0,
                        },
                      ],
                    ]
                  }
                >
                  ReactNative
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Numbered Lists
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <View
        style={
          Object {
            "alignItems": "flex-start",
            "flexDirection": "row",
          }
        }
      >
        <View
          style={
            Array [
              Object {
                "width": 16,
              },
              Object {
                "alignItems": "flex-end",
                "marginRight": 5,
              },
            ]
          }
        >
          <Text
            style={
              Object {
                "color": "#2f343d",
              }
            }
          >
            1.
          </Text>
        </View>
        <View
          style={
            Object {
              "flex": 1,
            }
          }
        >
          <Text
            style={
              Array [
                undefined,
                Object {
                  "color": "#2f343d",
                },
              ]
            }
          >
            <Text
              accessibilityLabel="Open Source"
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Array [
                    Object {},
                    undefined,
                    undefined,
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    },
                  ],
                ]
              }
            >
              Open Source
            </Text>
          </Text>
        </View>
      </View>
      <View
        style={
          Object {
            "alignItems": "flex-start",
            "flexDirection": "row",
          }
        }
      >
        <View
          style={
            Array [
              Object {
                "width": 16,
              },
              Object {
                "alignItems": "flex-end",
                "marginRight": 5,
              },
            ]
          }
        >
          <Text
            style={
              Object {
                "color": "#2f343d",
              }
            }
          >
            2.
          </Text>
        </View>
        <View
          style={
            Object {
              "flex": 1,
            }
          }
        >
          <Text
            style={
              Array [
                undefined,
                Object {
                  "color": "#2f343d",
                },
              ]
            }
          >
            <Text
              accessibilityLabel="Rocket.Chat"
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Array [
                    Object {},
                    undefined,
                    undefined,
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    },
                  ],
                ]
              }
            >
              Rocket.Chat
            </Text>
          </Text>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Emphasis
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    >
      <Text
        style={
          Array [
            undefined,
            Object {
              "color": "#2f343d",
            },
          ]
        }
      >
        <Text
          accessibilityLabel="Strong emphasis, aka bold, with "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
          Strong emphasis, aka bold, with 
        </Text>
        <Text
          accessibilityLabel="asterisks"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
                Object {
                  "fontWeight": "bold",
                },
              ],
            ]
          }
        >
          asterisks
        </Text>
        <Text
          accessibilityLabel=" or "
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
              ],
            ]
          }
        >
           or 
        </Text>
        <Text
          accessibilityLabel="underscores"
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "400",
              },
              Array [
                Object {},
                Object {
                  "alignItems": "flex-start",
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "justifyContent": "flex-start",
                  "marginBottom": 0,
                  "marginTop": 0,
                },
                Object {
                  "fontStyle": "italic",
                },
              ],
            ]
          }
        >
          underscores
        </Text>
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginHorizontal": 10,
            "marginVertical": 10,
          },
        ]
      }
    >
      Table
    </Text>
    <View
      style={
        Object {
          "marginHorizontal": 15,
        }
      }
    />
  </View>
</RCTScrollView>
`;

exports[`Storyshots Message list message 1`] = `
<RCTScrollView
  style={
    Object {
      "backgroundColor": "#ffffff",
    }
  }
>
  <View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Simple
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Long message
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Grouped messages
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Without header
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      With alias
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Edited
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Block Quote
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Lists
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Numerated lists
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Numerated lists in separated messages
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Static avatar
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Full name
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Mentions
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Emojis
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Single Emoji
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Custom Emojis
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Single Custom Emojis
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Normal Emoji + Custom Emojis
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Four emoji
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Time format
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Reactions
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Multiple reactions
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Intercalated users
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Date and Unread separators
    </Text>
    <View
      style={
        Object {
          "alignItems": "center",
          "flexDirection": "row",
          "marginBottom": 4,
          "marginHorizontal": 14,
          "marginTop": 16,
        }
      }
    >
      <Text
        style={
          Array [
            Object {
              "backgroundColor": "transparent",
              "fontFamily": "System",
              "fontSize": 14,
              "fontWeight": "500",
            },
            Object {
              "color": "#f5455c",
            },
          ]
        }
      >
        unread
      </Text>
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "height": 1,
            },
            Object {
              "backgroundColor": "#f5455c",
            },
            Object {
              "marginHorizontal": 14,
            },
          ]
        }
      />
      <Text
        style={
          Array [
            Object {
              "backgroundColor": "transparent",
              "fontFamily": "System",
              "fontSize": 14,
              "fontWeight": "500",
            },
            Object {
              "color": "#f5455c",
            },
          ]
        }
      >
        Nov 10, 2017
      </Text>
    </View>
    <View
      style={
        Object {
          "alignItems": "center",
          "flexDirection": "row",
          "marginBottom": 4,
          "marginHorizontal": 14,
          "marginTop": 16,
        }
      }
    >
      <Text
        style={
          Array [
            Object {
              "backgroundColor": "transparent",
              "fontFamily": "System",
              "fontSize": 14,
              "fontWeight": "500",
            },
            Object {
              "color": "#f5455c",
            },
            Object {
              "marginRight": 14,
            },
          ]
        }
      >
        unread
      </Text>
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "height": 1,
            },
            Object {
              "backgroundColor": "#f5455c",
            },
          ]
        }
      />
    </View>
    <View
      style={
        Object {
          "alignItems": "center",
          "flexDirection": "row",
          "marginBottom": 4,
          "marginHorizontal": 14,
          "marginTop": 16,
        }
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "height": 1,
            },
            Object {
              "backgroundColor": "#e1e5e8",
            },
          ]
        }
      />
      <Text
        style={
          Array [
            Object {
              "backgroundColor": "transparent",
              "fontFamily": "System",
              "fontSize": 14,
              "fontWeight": "500",
            },
            Object {
              "color": "#9ca2a8",
            },
            Object {
              "marginLeft": 14,
            },
          ]
        }
      >
        Nov 10, 2017
      </Text>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      With image
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      With video
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      With audio
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Message with reply
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Message with read receipt
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Message with thread
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Sequential thread messages following thread button
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Sequential thread messages following thread reply
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Discussion
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      URL
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Custom fields
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Two short custom fields
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Broadcast
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Archived
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Error
    </Text>
    <View>
      <View
        style={
          Array [
            Object {
              "flexDirection": "column",
              "paddingHorizontal": 14,
              "paddingVertical": 4,
              "width": "100%",
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 4,
                },
              ]
            }
          />
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 46,
                },
                Object {
                  "marginLeft": 10,
                },
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flex": 1,
                  "flexDirection": "row",
                }
              }
            >
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 12,
                      "fontWeight": "300",
                      "lineHeight": 22,
                      "paddingLeft": 10,
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                10:00 AM
              </Text>
            </View>
            <View>
              <Text
                numberOfLines={0}
                style={
                  Array [
                    undefined,
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                <Text
                  accessibilityLabel="This message has error"
                  numberOfLines={0}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Array [
                        Object {},
                        Object {
                          "alignItems": "flex-start",
                          "flexDirection": "row",
                          "flexWrap": "wrap",
                          "justifyContent": "flex-start",
                          "marginBottom": 0,
                          "marginTop": 0,
                        },
                      ],
                    ]
                  }
                >
                  This message has error
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View>
      <View
        style={
          Array [
            Object {
              "flexDirection": "column",
              "paddingHorizontal": 14,
              "paddingVertical": 4,
              "width": "100%",
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 46,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flex": 1,
                  "flexDirection": "row",
                }
              }
            >
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 12,
                      "fontWeight": "300",
                      "lineHeight": 22,
                      "paddingLeft": 10,
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                10:00 AM
              </Text>
            </View>
            <View>
              <Text
                numberOfLines={0}
                style={
                  Array [
                    undefined,
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                <Text
                  accessibilityLabel="This message has error too"
                  numberOfLines={0}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Array [
                        Object {},
                        Object {
                          "alignItems": "flex-start",
                          "flexDirection": "row",
                          "flexWrap": "wrap",
                          "justifyContent": "flex-start",
                          "marginBottom": 0,
                          "marginTop": 0,
                        },
                      ],
                    ]
                  }
                >
                  This message has error too
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Temp
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Editing
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Removed
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Joined
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Room name changed
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Message pinned
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Has left the channel
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      User removed
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      User added
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      User muted
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      User unmuted
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Role added
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Role removed
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Changed description
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Changed announcement
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Changed topic
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Changed type
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Custom style
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Markdown emphasis
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Markdown headers
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Markdown links
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Markdown image
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Markdown code
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Markdown quote
    </Text>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          Object {
            "marginBottom": 0,
            "marginTop": 30,
          },
        ]
      }
    >
      Markdown table
    </Text>
  </View>
</RCTScrollView>
`;

exports[`Storyshots UiKitMessage list uikitmessage 1`] = `
<RCTSafeAreaView
  emulateUnlessSupported={true}
  style={
    Object {
      "backgroundColor": "#fff",
      "flex": 1,
    }
  }
>
  <RCTScrollView
    keyboardShouldPersistTaps="always"
    style={
      Array [
        Object {
          "backgroundColor": "#fff",
          "flex": 1,
        },
        Object {
          "paddingHorizontal": 16,
        },
      ]
    }
  >
    <View>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Section
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Section + Markdown List
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Section + Overflow
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Section + image
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Section + button
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Section + Select
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Section + DatePicker
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Section + Multi Select
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Image
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Context
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Action - Buttons
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Fields
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Action - Select
      </Text>
    </View>
  </RCTScrollView>
</RCTSafeAreaView>
`;

exports[`Storyshots UiKitModal list UiKitModal 1`] = `
<RCTSafeAreaView
  emulateUnlessSupported={true}
  style={
    Object {
      "backgroundColor": "#fff",
      "flex": 1,
    }
  }
>
  <RCTScrollView
    keyboardShouldPersistTaps="always"
    style={
      Array [
        Object {
          "backgroundColor": "#fff",
          "flex": 1,
        },
        Object {
          "paddingHorizontal": 16,
        },
      ]
    }
  >
    <View>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Section and Selects
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Section Accessories
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Form Input
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Form TextArea
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Images
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Actions
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Contexts and Dividers
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Input with error
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - Multilne with error
      </Text>
      <Text
        style={
          Array [
            Object {
              "fontSize": 20,
              "fontWeight": "300",
              "marginLeft": 10,
              "marginTop": 30,
            },
            Object {
              "backgroundColor": "#ffffff",
              "color": "#0d0e12",
            },
            undefined,
          ]
        }
      >
        Modal - DatePicker with error
      </Text>
    </View>
  </RCTScrollView>
</RCTSafeAreaView>
`;