// 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": "#1d74f5",
                "color": "#ffffff",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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": "#E8F2FF",
                "color": "#1d74f5",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "#FF5B5A",
                "color": "#ffffff",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "#FF5B5A",
                "color": "#ffffff",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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": "#1d74f5",
                "color": "#ffffff",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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": "#E8F2FF",
                "color": "#1d74f5",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "#FF5B5A",
                "color": "#ffffff",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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
          onPress={[Function]}
          style={
            Array [
              Object {
                "backgroundColor": "#FF5B5A",
                "color": "#ffffff",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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": "#E8F2FF",
                "color": "#0072FE",
                "fontFamily": "System",
                "fontSize": 16,
                "fontWeight": "500",
                "padding": 5,
              },
            ]
          }
        >
          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
        accessible={true}
        focusable={true}
        isTVSelectable={true}
        onClick={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          Object {
            "opacity": 1,
          }
        }
      >
        <RCTScrollView
          contentContainerStyle={
            Object {
              "width": 200,
            }
          }
          scrollEnabled={false}
          showsVerticalScrollIndicator={false}
          style={
            Array [
              Object {
                "borderBottomWidth": 1,
                "borderRightWidth": 1,
              },
              Object {
                "borderColor": "#e1e5e8",
                "maxHeight": 300,
                "maxWidth": 200,
              },
            ]
          }
        >
          <View>
            <View
              style={
                Array [
                  Object {
                    "borderLeftWidth": 1,
                    "borderTopWidth": 1,
                  },
                  Object {
                    "borderColor": "#e1e5e8",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "flexDirection": "row",
                    },
                    Object {
                      "borderColor": "#e1e5e8",
                    },
                    Object {
                      "borderBottomWidth": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "justifyContent": "flex-start",
                        "paddingHorizontal": 13,
                        "paddingVertical": 6,
                      },
                      Object {
                        "borderColor": "#e1e5e8",
                      },
                      Object {
                        "borderRightWidth": 1,
                      },
                      Object {
                        "width": 100,
                      },
                    ]
                  }
                >
                  <Text
                    style={
                      Array [
                        null,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="First Header"
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "400",
                          },
                          Array [
                            Object {},
                            Object {
                              "borderLeftWidth": 1,
                              "borderTopWidth": 1,
                            },
                            undefined,
                            undefined,
                          ],
                        ]
                      }
                    >
                      First Header
                    </Text>
                  </Text>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "justifyContent": "flex-start",
                        "paddingHorizontal": 13,
                        "paddingVertical": 6,
                      },
                      Object {
                        "borderColor": "#e1e5e8",
                      },
                      Object {
                        "width": 100,
                      },
                    ]
                  }
                >
                  <Text
                    style={
                      Array [
                        null,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="Second Header"
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "400",
                          },
                          Array [
                            Object {},
                            Object {
                              "borderLeftWidth": 1,
                              "borderTopWidth": 1,
                            },
                            undefined,
                            undefined,
                          ],
                        ]
                      }
                    >
                      Second Header
                    </Text>
                  </Text>
                </View>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "flexDirection": "row",
                    },
                    Object {
                      "borderColor": "#e1e5e8",
                    },
                    Object {
                      "borderBottomWidth": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "justifyContent": "flex-start",
                        "paddingHorizontal": 13,
                        "paddingVertical": 6,
                      },
                      Object {
                        "borderColor": "#e1e5e8",
                      },
                      Object {
                        "borderRightWidth": 1,
                      },
                      Object {
                        "width": 100,
                      },
                    ]
                  }
                >
                  <Text
                    style={
                      Array [
                        null,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="Content from cell 1"
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "400",
                          },
                          Array [
                            Object {},
                            Object {
                              "borderLeftWidth": 1,
                              "borderTopWidth": 1,
                            },
                            undefined,
                            undefined,
                          ],
                        ]
                      }
                    >
                      Content from cell 1
                    </Text>
                  </Text>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "justifyContent": "flex-start",
                        "paddingHorizontal": 13,
                        "paddingVertical": 6,
                      },
                      Object {
                        "borderColor": "#e1e5e8",
                      },
                      Object {
                        "width": 100,
                      },
                    ]
                  }
                >
                  <Text
                    style={
                      Array [
                        null,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="Content from cell 2"
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "400",
                          },
                          Array [
                            Object {},
                            Object {
                              "borderLeftWidth": 1,
                              "borderTopWidth": 1,
                            },
                            undefined,
                            undefined,
                          ],
                        ]
                      }
                    >
                      Content from cell 2
                    </Text>
                  </Text>
                </View>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "flexDirection": "row",
                    },
                    Object {
                      "borderColor": "#e1e5e8",
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "justifyContent": "flex-start",
                        "paddingHorizontal": 13,
                        "paddingVertical": 6,
                      },
                      Object {
                        "borderColor": "#e1e5e8",
                      },
                      Object {
                        "borderRightWidth": 1,
                      },
                      Object {
                        "width": 100,
                      },
                    ]
                  }
                >
                  <Text
                    style={
                      Array [
                        null,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="Content in the first column"
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "400",
                          },
                          Array [
                            Object {},
                            Object {
                              "borderLeftWidth": 1,
                              "borderTopWidth": 1,
                            },
                            undefined,
                            undefined,
                          ],
                        ]
                      }
                    >
                      Content in the first column
                    </Text>
                  </Text>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "justifyContent": "flex-start",
                        "paddingHorizontal": 13,
                        "paddingVertical": 6,
                      },
                      Object {
                        "borderColor": "#e1e5e8",
                      },
                      Object {
                        "width": 100,
                      },
                    ]
                  }
                >
                  <Text
                    style={
                      Array [
                        null,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="Content in the second column"
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "400",
                          },
                          Array [
                            Object {},
                            Object {
                              "borderLeftWidth": 1,
                              "borderTopWidth": 1,
                            },
                            undefined,
                            undefined,
                          ],
                        ]
                      }
                    >
                      Content in the second column
                    </Text>
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </RCTScrollView>
        <Text
          style={
            Array [
              Object {
                "backgroundColor": "transparent",
                "fontFamily": "System",
                "fontSize": 16,
                "fontStyle": "italic",
                "fontWeight": "400",
              },
              Object {
                "color": "#9ca2a8",
              },
            ]
          }
        >
          Click to see full table
        </Text>
      </View>
    </View>
  </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>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Long message
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Grouped messages
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="..."
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    ...
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    </Text>
                  </View>
                </View>
                <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="Different user"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Different user
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="This is the third message"
                    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 is the third message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="This is the second message"
                    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 is the second message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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 is the first message"
                    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 is the first message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Without header
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      With alias
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      Diego Mello
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#9ca2a8",
                            },
                          ]
                        }
                      >
                         @
                        diego.mello
                      </Text>
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      Diego Mello
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#9ca2a8",
                            },
                          ]
                        }
                      >
                         @
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                      </Text>
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Edited
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Block Quote
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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>
                <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
                      numberOfLines={0}
                      style={
                        Array [
                          undefined,
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      <Text
                        accessibilityLabel="Testing block quote"
                        numberOfLines={0}
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        Testing block quote
                      </Text>
                    </Text>
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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>
                <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
                      numberOfLines={0}
                      style={
                        Array [
                          undefined,
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      <Text
                        accessibilityLabel="Testing block quote"
                        numberOfLines={0}
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        Testing block quote
                      </Text>
                    </Text>
                  </View>
                </View>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="Testing block quote"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Testing block quote
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Lists
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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>
                <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
                      numberOfLines={0}
                      style={
                        Array [
                          undefined,
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      <Text
                        accessibilityLabel="Dogs"
                        numberOfLines={0}
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        Dogs
                      </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
                          numberOfLines={0}
                          style={
                            Array [
                              undefined,
                              Object {
                                "color": "#2f343d",
                              },
                            ]
                          }
                        >
                          <Text
                            accessibilityLabel="cats"
                            numberOfLines={0}
                            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,
                                  },
                                ],
                              ]
                            }
                          >
                            cats
                          </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
                          numberOfLines={0}
                          style={
                            Array [
                              undefined,
                              Object {
                                "color": "#2f343d",
                              },
                            ]
                          }
                        >
                          <Text
                            accessibilityLabel="cats"
                            numberOfLines={0}
                            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,
                                  },
                                ],
                              ]
                            }
                          >
                            cats
                          </Text>
                        </Text>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Numerated lists
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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>
                <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
                      numberOfLines={0}
                      style={
                        Array [
                          undefined,
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      <Text
                        accessibilityLabel="Dogs"
                        numberOfLines={0}
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        Dogs
                      </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
                      numberOfLines={0}
                      style={
                        Array [
                          undefined,
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      <Text
                        accessibilityLabel="Cats"
                        numberOfLines={0}
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        Cats
                      </Text>
                    </Text>
                  </View>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Numerated lists in separated messages
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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>
                <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
                      numberOfLines={0}
                      style={
                        Array [
                          undefined,
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      <Text
                        accessibilityLabel="Dogs"
                        numberOfLines={0}
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        Dogs
                      </Text>
                    </Text>
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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>
                <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
                      numberOfLines={0}
                      style={
                        Array [
                          undefined,
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      <Text
                        accessibilityLabel="Cats"
                        numberOfLines={0}
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        Cats
                      </Text>
                    </Text>
                  </View>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Static avatar
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Full name
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      Diego Mello
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Mentions
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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
                    onPress={[Function]}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "#E8F2FF",
                          "color": "#1d74f5",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                          "padding": 5,
                        },
                      ]
                    }
                  >
                    rocket.cat
                  </Text>
                  <Text
                    accessibilityLabel=" "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "#1d74f5",
                          "color": "#ffffff",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                          "padding": 5,
                        },
                      ]
                    }
                  >
                    diego.mello
                  </Text>
                  <Text
                    accessibilityLabel=" "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "#FF5B5A",
                          "color": "#ffffff",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                          "padding": 5,
                        },
                      ]
                    }
                  >
                    all
                  </Text>
                  <Text
                    accessibilityLabel=" "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "#FF5B5A",
                          "color": "#ffffff",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                          "padding": 5,
                        },
                      ]
                    }
                  >
                    here
                  </Text>
                  <Text
                    accessibilityLabel=" "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "#E8F2FF",
                          "color": "#0072FE",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                          "padding": 5,
                        },
                      ]
                    }
                  >
                    general
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Emojis
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="👊🤙👏"
                    numberOfLines={0}
                    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>
              </View>
            </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,
          },
        ]
      }
    >
      Single Emoji
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="👏"
                    numberOfLines={0}
                    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>
              </View>
            </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,
          },
        ]
      }
    >
      Custom Emojis
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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",
                      },
                    ]
                  }
                >
                  <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/react_rocket.png",
                        }
                      }
                      style={
                        Object {
                          "bottom": 0,
                          "left": 0,
                          "position": "absolute",
                          "right": 0,
                          "top": 0,
                        }
                      }
                    />
                  </View>
                  <Text
                    accessibilityLabel=" "
                    numberOfLines={0}
                    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/nyan_rocket.png",
                        }
                      }
                      style={
                        Object {
                          "bottom": 0,
                          "left": 0,
                          "position": "absolute",
                          "right": 0,
                          "top": 0,
                        }
                      }
                    />
                  </View>
                  <Text
                    accessibilityLabel=" "
                    numberOfLines={0}
                    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>
            </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,
          },
        ]
      }
    >
      Single Custom Emojis
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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",
                      },
                    ]
                  }
                >
                  <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/react_rocket.png",
                        }
                      }
                      style={
                        Object {
                          "bottom": 0,
                          "left": 0,
                          "position": "absolute",
                          "right": 0,
                          "top": 0,
                        }
                      }
                    />
                  </View>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Normal Emoji + Custom Emojis
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="🤙"
                    numberOfLines={0}
                    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/react_rocket.png",
                        }
                      }
                      style={
                        Object {
                          "bottom": 0,
                          "left": 0,
                          "position": "absolute",
                          "right": 0,
                          "top": 0,
                        }
                      }
                    />
                  </View>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Four emoji
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="🤙"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    🤙
                  </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="🤙🤙"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    🤙🤙
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Time format
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  10 November 2017
                </Text>
              </View>
              <View>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="Testing"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Testing
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Reactions
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Reactions"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Reactions
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:joy:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontSize": 13,
                          "marginLeft": 7,
                        }
                      }
                    >
                      😂
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      3
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:marioparty:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "overflow": "hidden",
                          },
                          Object {
                            "height": 19,
                            "marginLeft": 7,
                            "width": 19,
                          },
                        ]
                      }
                    >
                      <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
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      13
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:thinking:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontSize": 13,
                          "marginLeft": 7,
                        }
                      }
                    >
                      🤔
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={false}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-add-reaction"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      allowFontScaling={false}
                      style={
                        Array [
                          Object {
                            "color": "#1d74f5",
                            "fontSize": 21,
                          },
                          undefined,
                          Object {
                            "fontFamily": "custom",
                            "fontStyle": "normal",
                            "fontWeight": "normal",
                          },
                          Object {},
                        ]
                      }
                    >
                      
                    </Text>
                  </View>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Multiple reactions
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Multiple Reactions"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Multiple Reactions
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:marioparty:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "overflow": "hidden",
                          },
                          Object {
                            "height": 19,
                            "marginLeft": 7,
                            "width": 19,
                          },
                        ]
                      }
                    >
                      <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
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:react_rocket:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "overflow": "hidden",
                          },
                          Object {
                            "height": 19,
                            "marginLeft": 7,
                            "width": 19,
                          },
                        ]
                      }
                    >
                      <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
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:nyan_rocket:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "overflow": "hidden",
                          },
                          Object {
                            "height": 19,
                            "marginLeft": 7,
                            "width": 19,
                          },
                        ]
                      }
                    >
                      <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
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:heart:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontSize": 13,
                          "marginLeft": 7,
                        }
                      }
                    >
                      ❤️
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:dog:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontSize": 13,
                          "marginLeft": 7,
                        }
                      }
                    >
                      🐶
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:grinning:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontSize": 13,
                          "marginLeft": 7,
                        }
                      }
                    >
                      😀
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:grimacing:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontSize": 13,
                          "marginLeft": 7,
                        }
                      }
                    >
                      😬
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-reaction-:grin:"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontSize": 13,
                          "marginLeft": 7,
                        }
                      }
                    >
                      😁
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "600",
                            "marginLeft": 3,
                            "marginRight": 8.5,
                          },
                          Object {
                            "color": "#1d74f5",
                          },
                        ]
                      }
                    >
                      1
                    </Text>
                  </View>
                </View>
                <View
                  accessible={true}
                  focusable={false}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#ffffff",
                      "borderRadius": 2,
                      "marginBottom": 6,
                      "marginRight": 6,
                      "opacity": 1,
                    }
                  }
                  testID="message-add-reaction"
                >
                  <View
                    style={
                      Array [
                        Object {
                          "alignItems": "center",
                          "borderRadius": 2,
                          "borderWidth": 1,
                          "flexDirection": "row",
                          "height": 28,
                          "justifyContent": "center",
                          "minWidth": 46.3,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <Text
                      allowFontScaling={false}
                      style={
                        Array [
                          Object {
                            "color": "#1d74f5",
                            "fontSize": 21,
                          },
                          undefined,
                          Object {
                            "fontFamily": "custom",
                            "fontStyle": "normal",
                            "fontWeight": "normal",
                          },
                          Object {},
                        ]
                      }
                    >
                      
                    </Text>
                  </View>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Intercalated users
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      rocket.cat
                    </Text>
                  </View>
                </View>
                <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="Fourth message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Fourth message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Third message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Third message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      rocket.cat
                    </Text>
                  </View>
                </View>
                <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="Second message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Second message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="First message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    First message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Date and Unread separators
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      rocket.cat
                    </Text>
                  </View>
                </View>
                <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="Fourth message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Fourth message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </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",
            },
          ]
        }
      >
        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
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Third message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Third message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </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
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="Second message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Second message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      rocket.cat
                    </Text>
                  </View>
                </View>
                <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="Second message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Second message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </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>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="First message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    First message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      With image
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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 />
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "borderRadius": 4,
                    "flexDirection": "column",
                    "opacity": 1,
                  }
                }
              >
                <View>
                  <View
                    style={
                      Array [
                        Object {
                          "borderRadius": 4,
                          "borderWidth": 1,
                          "minHeight": 200,
                          "width": "100%",
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "overflow": "hidden",
                          },
                          Array [
                            Object {
                              "bottom": 0,
                              "left": 0,
                              "position": "absolute",
                              "right": 0,
                              "top": 0,
                            },
                            undefined,
                          ],
                        ]
                      }
                    >
                      <FastImageView
                        onFastImageError={[Function]}
                        onFastImageLoad={[Function]}
                        onFastImageLoadEnd={[Function]}
                        onFastImageLoadStart={[Function]}
                        onFastImageProgress={[Function]}
                        resizeMode="cover"
                        source={
                          Object {
                            "uri": "https://open.rocket.chat/file-upload/2ZrxuwcGeTrsoh376/Clipboard%252520-%252520September%2525205,%2525202018%2525204:10%252520PM?rc_uid=y8bd77ptZswPj3EW8&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz",
                          }
                        }
                        style={
                          Object {
                            "bottom": 0,
                            "left": 0,
                            "position": "absolute",
                            "right": 0,
                            "top": 0,
                          }
                        }
                      />
                    </View>
                  </View>
                  <Text
                    style={
                      Array [
                        undefined,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="This is a description"
                      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 description
                    </Text>
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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 />
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "borderRadius": 4,
                    "flexDirection": "column",
                    "opacity": 1,
                  }
                }
              >
                <View>
                  <View
                    style={
                      Array [
                        Object {
                          "borderRadius": 4,
                          "borderWidth": 1,
                          "minHeight": 200,
                          "width": "100%",
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "overflow": "hidden",
                          },
                          Array [
                            Object {
                              "bottom": 0,
                              "left": 0,
                              "position": "absolute",
                              "right": 0,
                              "top": 0,
                            },
                            undefined,
                          ],
                        ]
                      }
                    >
                      <FastImageView
                        onFastImageError={[Function]}
                        onFastImageLoad={[Function]}
                        onFastImageLoadEnd={[Function]}
                        onFastImageLoadStart={[Function]}
                        onFastImageProgress={[Function]}
                        resizeMode="cover"
                        source={
                          Object {
                            "uri": "https://open.rocket.chat/file-upload/sxLXBzjwuqxMnebyP/Clipboard%252520-%25252029%252520de%252520Agosto%252520de%2525202018%252520%2525C3%2525A0s%25252018:10?rc_uid=y8bd77ptZswPj3EW8&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz",
                          }
                        }
                        style={
                          Object {
                            "bottom": 0,
                            "left": 0,
                            "position": "absolute",
                            "right": 0,
                            "top": 0,
                          }
                        }
                      />
                    </View>
                  </View>
                  <Text
                    style={
                      Array [
                        undefined,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="This is a description "
                      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 description 
                    </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>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      With video
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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 />
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "backgroundColor": "#1f2329",
                    "borderRadius": 4,
                    "flex": 1,
                    "height": 150,
                    "justifyContent": "center",
                    "marginBottom": 6,
                    "opacity": 1,
                  }
                }
              >
                <Text
                  allowFontScaling={false}
                  style={
                    Array [
                      Object {
                        "color": "#ffffff",
                        "fontSize": 54,
                      },
                      undefined,
                      Object {
                        "fontFamily": "custom",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                      },
                      Object {},
                    ]
                  }
                >
                  
                </Text>
              </View>
              <Text
                style={
                  Array [
                    undefined,
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                <Text
                  accessibilityLabel="This is a description "
                  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 description 
                </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>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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 />
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "backgroundColor": "#1f2329",
                    "borderRadius": 4,
                    "flex": 1,
                    "height": 150,
                    "justifyContent": "center",
                    "marginBottom": 6,
                    "opacity": 1,
                  }
                }
              >
                <Text
                  allowFontScaling={false}
                  style={
                    Array [
                      Object {
                        "color": "#ffffff",
                        "fontSize": 54,
                      },
                      undefined,
                      Object {
                        "fontFamily": "custom",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                      },
                      Object {},
                    ]
                  }
                >
                  
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      With audio
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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 />
              <View
                style={
                  Array [
                    Object {
                      "alignItems": "center",
                      "borderRadius": 4,
                      "borderWidth": 1,
                      "flex": 1,
                      "flexDirection": "row",
                      "height": 56,
                      "marginBottom": 6,
                    },
                    Object {
                      "backgroundColor": "#f3f4f5",
                      "borderColor": "#e1e5e8",
                    },
                    undefined,
                  ]
                }
              >
                View
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 12,
                      "left": 12,
                      "right": 12,
                      "top": 12,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "transparent",
                      "marginHorizontal": 10,
                      "opacity": 1,
                    }
                  }
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#1d74f5",
                          "fontSize": 36,
                        },
                        undefined,
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                </View>
                <RNCSlider
                  animateTransitions={true}
                  animationConfig={
                    Object {
                      "delay": 0,
                      "duration": 250,
                      "easing": [Function],
                    }
                  }
                  disabled={false}
                  enabled={true}
                  inverted={false}
                  maximumTrackTintColor="#9ca2a8"
                  maximumValue={0}
                  minimumTrackTintColor="#1d74f5"
                  minimumValue={0}
                  onChange={[Function]}
                  onRNCSliderSlidingComplete={null}
                  onRNCSliderSlidingStart={null}
                  onRNCSliderValueChange={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  step={0}
                  style={
                    Array [
                      Object {
                        "height": 40,
                      },
                      Object {
                        "flex": 1,
                      },
                    ]
                  }
                  thumbImage={
                    Object {
                      "scale": 2,
                      "uri": "audio_thumb",
                    }
                  }
                  thumbTintColor={false}
                  value={0}
                />
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 14,
                        "fontWeight": "400",
                        "marginHorizontal": 12,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  00:00
                </Text>
              </View>
              <Text
                style={
                  Array [
                    undefined,
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                <Text
                  accessibilityLabel="This is a description "
                  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 description 
                </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>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="First message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    First message
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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 />
              <View
                style={
                  Array [
                    Object {
                      "alignItems": "center",
                      "borderRadius": 4,
                      "borderWidth": 1,
                      "flex": 1,
                      "flexDirection": "row",
                      "height": 56,
                      "marginBottom": 6,
                    },
                    Object {
                      "backgroundColor": "#f3f4f5",
                      "borderColor": "#e1e5e8",
                    },
                    undefined,
                  ]
                }
              >
                View
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 12,
                      "left": 12,
                      "right": 12,
                      "top": 12,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "transparent",
                      "marginHorizontal": 10,
                      "opacity": 1,
                    }
                  }
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#1d74f5",
                          "fontSize": 36,
                        },
                        undefined,
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                </View>
                <RNCSlider
                  animateTransitions={true}
                  animationConfig={
                    Object {
                      "delay": 0,
                      "duration": 250,
                      "easing": [Function],
                    }
                  }
                  disabled={false}
                  enabled={true}
                  inverted={false}
                  maximumTrackTintColor="#9ca2a8"
                  maximumValue={0}
                  minimumTrackTintColor="#1d74f5"
                  minimumValue={0}
                  onChange={[Function]}
                  onRNCSliderSlidingComplete={null}
                  onRNCSliderSlidingStart={null}
                  onRNCSliderValueChange={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  step={0}
                  style={
                    Array [
                      Object {
                        "height": 40,
                      },
                      Object {
                        "flex": 1,
                      },
                    ]
                  }
                  thumbImage={
                    Object {
                      "scale": 2,
                      "uri": "audio_thumb",
                    }
                  }
                  thumbTintColor={false}
                  value={0}
                />
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 14,
                        "fontWeight": "400",
                        "marginHorizontal": 12,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  00:00
                </Text>
              </View>
              <Text
                style={
                  Array [
                    undefined,
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                <Text
                  accessibilityLabel="This is a description"
                  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 description
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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 />
              <View
                style={
                  Array [
                    Object {
                      "alignItems": "center",
                      "borderRadius": 4,
                      "borderWidth": 1,
                      "flex": 1,
                      "flexDirection": "row",
                      "height": 56,
                      "marginBottom": 6,
                    },
                    Object {
                      "backgroundColor": "#f3f4f5",
                      "borderColor": "#e1e5e8",
                    },
                    undefined,
                  ]
                }
              >
                View
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 12,
                      "left": 12,
                      "right": 12,
                      "top": 12,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "transparent",
                      "marginHorizontal": 10,
                      "opacity": 1,
                    }
                  }
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#1d74f5",
                          "fontSize": 36,
                        },
                        undefined,
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                </View>
                <RNCSlider
                  animateTransitions={true}
                  animationConfig={
                    Object {
                      "delay": 0,
                      "duration": 250,
                      "easing": [Function],
                    }
                  }
                  disabled={false}
                  enabled={true}
                  inverted={false}
                  maximumTrackTintColor="#9ca2a8"
                  maximumValue={0}
                  minimumTrackTintColor="#1d74f5"
                  minimumValue={0}
                  onChange={[Function]}
                  onRNCSliderSlidingComplete={null}
                  onRNCSliderSlidingStart={null}
                  onRNCSliderValueChange={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  step={0}
                  style={
                    Array [
                      Object {
                        "height": 40,
                      },
                      Object {
                        "flex": 1,
                      },
                    ]
                  }
                  thumbImage={
                    Object {
                      "scale": 2,
                      "uri": "audio_thumb",
                    }
                  }
                  thumbTintColor={false}
                  value={0}
                />
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 14,
                        "fontWeight": "400",
                        "marginHorizontal": 12,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  00:00
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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 />
              <View
                style={
                  Array [
                    Object {
                      "alignItems": "center",
                      "borderRadius": 4,
                      "borderWidth": 1,
                      "flex": 1,
                      "flexDirection": "row",
                      "height": 56,
                      "marginBottom": 6,
                    },
                    Object {
                      "backgroundColor": "#f3f4f5",
                      "borderColor": "#e1e5e8",
                    },
                    undefined,
                  ]
                }
              >
                View
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 12,
                      "left": 12,
                      "right": 12,
                      "top": 12,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "transparent",
                      "marginHorizontal": 10,
                      "opacity": 1,
                    }
                  }
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#1d74f5",
                          "fontSize": 36,
                        },
                        undefined,
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                </View>
                <RNCSlider
                  animateTransitions={true}
                  animationConfig={
                    Object {
                      "delay": 0,
                      "duration": 250,
                      "easing": [Function],
                    }
                  }
                  disabled={false}
                  enabled={true}
                  inverted={false}
                  maximumTrackTintColor="#9ca2a8"
                  maximumValue={0}
                  minimumTrackTintColor="#1d74f5"
                  minimumValue={0}
                  onChange={[Function]}
                  onRNCSliderSlidingComplete={null}
                  onRNCSliderSlidingStart={null}
                  onRNCSliderValueChange={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  step={0}
                  style={
                    Array [
                      Object {
                        "height": 40,
                      },
                      Object {
                        "flex": 1,
                      },
                    ]
                  }
                  thumbImage={
                    Object {
                      "scale": 2,
                      "uri": "audio_thumb",
                    }
                  }
                  thumbTintColor={false}
                  value={0}
                />
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 14,
                        "fontWeight": "400",
                        "marginHorizontal": 12,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  00:00
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Message with reply
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="I'm fine!"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    I'm fine!
                  </Text>
                </Text>
              </View>
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-start",
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 6,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "borderRadius": 4,
                      "flex": 1,
                      "flexDirection": "column",
                      "padding": 15,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "flex": 1,
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                          },
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      I'm a very long long title and I'll break
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 12,
                            "fontWeight": "300",
                            "marginLeft": 10,
                          },
                          Object {
                            "color": "#9ca2a8",
                          },
                        ]
                      }
                    >
                      10:00 AM
                    </Text>
                  </View>
                  <Text
                    style={
                      Array [
                        undefined,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="How are you?"
                      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,
                            },
                          ],
                        ]
                      }
                    >
                      How are you?
                    </Text>
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="I'm fine!"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    I'm fine!
                  </Text>
                </Text>
              </View>
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-start",
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 6,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "borderRadius": 4,
                      "flex": 1,
                      "flexDirection": "column",
                      "padding": 15,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "flex": 1,
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                          },
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      rocket.cat
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 12,
                            "fontWeight": "300",
                            "marginLeft": 10,
                          },
                          Object {
                            "color": "#9ca2a8",
                          },
                        ]
                      }
                    >
                      10:00 AM
                    </Text>
                  </View>
                  <Text
                    style={
                      Array [
                        undefined,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="How are you? "
                      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,
                            },
                          ],
                        ]
                      }
                    >
                      How are you? 
                    </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>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Message with read receipt
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="I'm fine!"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    I'm fine!
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="I'm fine!"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    I'm fine!
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="I'm fine!"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    I'm fine!
                  </Text>
                </Text>
              </View>
            </View>
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 15,
                  },
                  Object {
                    "lineHeight": 20,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="I'm fine!"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    I'm fine!
                  </Text>
                </Text>
              </View>
            </View>
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 15,
                  },
                  Object {
                    "lineHeight": 20,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
          </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,
          },
        ]
      }
    >
      Message with thread
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="How are you?"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    How are you?
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "borderRadius": 2,
                        "flexDirection": "row",
                        "height": 44,
                        "justifyContent": "center",
                        "paddingHorizontal": 15,
                      },
                      Object {
                        "height": 30,
                      },
                      Object {
                        "backgroundColor": "#1d74f5",
                      },
                    ]
                  }
                  testID="message-thread-button-How are you?"
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": undefined,
                          "fontSize": 20,
                        },
                        Array [
                          Object {
                            "marginRight": 6,
                          },
                          Object {
                            "color": "#ffffff",
                          },
                        ],
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 14,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#ffffff",
                        },
                      ]
                    }
                  >
                    1 reply
                  </Text>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  Nov 10
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="How are you?"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    How are you?
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "borderRadius": 2,
                        "flexDirection": "row",
                        "height": 44,
                        "justifyContent": "center",
                        "paddingHorizontal": 15,
                      },
                      Object {
                        "height": 30,
                      },
                      Object {
                        "backgroundColor": "#1d74f5",
                      },
                    ]
                  }
                  testID="message-thread-button-How are you?"
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": undefined,
                          "fontSize": 20,
                        },
                        Array [
                          Object {
                            "marginRight": 6,
                          },
                          Object {
                            "color": "#ffffff",
                          },
                        ],
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 14,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#ffffff",
                        },
                      ]
                    }
                  >
                    +999 replies
                  </Text>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  Nov 10
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "marginBottom": 12,
                "marginTop": 6,
              }
            }
            testID="message-thread-replied-on-How are you?"
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 20,
                  },
                  Object {
                    "marginLeft": 16,
                    "marginRight": 10,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
            <Text
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "flex": 1,
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Object {
                    "color": "#1d74f5",
                  },
                ]
              }
            >
              How are you?
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                  "marginLeft": 6,
                  "marginRight": 9,
                }
              }
            >
              <Image
                source={
                  Object {
                    "uri": "disclosure_indicator",
                  }
                }
                style={
                  Array [
                    Object {
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "tintColor": "#caced1",
                    },
                  ]
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  accessibilityLabel="I'm fine!"
                  numberOfLines={1}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  I'm fine!
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "marginBottom": 12,
                "marginTop": 6,
              }
            }
            testID="message-thread-replied-on-Thread with emoji🙂 😂"
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 20,
                  },
                  Object {
                    "marginLeft": 16,
                    "marginRight": 10,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
            <Text
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "flex": 1,
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Object {
                    "color": "#1d74f5",
                  },
                ]
              }
            >
              Thread with emoji🙂 😂
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                  "marginLeft": 6,
                  "marginRight": 9,
                }
              }
            >
              <Image
                source={
                  Object {
                    "uri": "disclosure_indicator",
                  }
                }
                style={
                  Array [
                    Object {
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "tintColor": "#caced1",
                    },
                  ]
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  accessibilityLabel="I'm fine!"
                  numberOfLines={1}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  I'm fine!
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "marginBottom": 12,
                "marginTop": 6,
              }
            }
            testID="message-thread-replied-on-Markdown: link block code"
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 20,
                  },
                  Object {
                    "marginLeft": 16,
                    "marginRight": 10,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
            <Text
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "flex": 1,
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Object {
                    "color": "#1d74f5",
                  },
                ]
              }
            >
              Markdown: link block code
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                  "marginLeft": 6,
                  "marginRight": 9,
                }
              }
            >
              <Image
                source={
                  Object {
                    "uri": "disclosure_indicator",
                  }
                }
                style={
                  Array [
                    Object {
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "tintColor": "#caced1",
                    },
                  ]
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  accessibilityLabel="I'm fine!"
                  numberOfLines={1}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  I'm fine!
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "marginBottom": 12,
                "marginTop": 6,
              }
            }
            testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 20,
                  },
                  Object {
                    "marginLeft": 16,
                    "marginRight": 10,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
            <Text
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "flex": 1,
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Object {
                    "color": "#1d74f5",
                  },
                ]
              }
            >
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                  "marginLeft": 6,
                  "marginRight": 9,
                }
              }
            >
              <Image
                source={
                  Object {
                    "uri": "disclosure_indicator",
                  }
                }
                style={
                  Array [
                    Object {
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "tintColor": "#caced1",
                    },
                  ]
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  accessibilityLabel="I'm fine!"
                  numberOfLines={1}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  I'm fine!
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "marginBottom": 12,
                "marginTop": 6,
              }
            }
            testID="message-thread-replied-on-How are you?"
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 20,
                  },
                  Object {
                    "marginLeft": 16,
                    "marginRight": 10,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
            <Text
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "flex": 1,
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Object {
                    "color": "#1d74f5",
                  },
                ]
              }
            >
              How are you?
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                  "marginLeft": 6,
                  "marginRight": 9,
                }
              }
            >
              <Image
                source={
                  Object {
                    "uri": "disclosure_indicator",
                  }
                }
                style={
                  Array [
                    Object {
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "tintColor": "#caced1",
                    },
                  ]
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <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>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "marginBottom": 12,
                "marginTop": 6,
              }
            }
            testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 20,
                  },
                  Object {
                    "marginLeft": 16,
                    "marginRight": 10,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
            <Text
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "flex": 1,
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Object {
                    "color": "#1d74f5",
                  },
                ]
              }
            >
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                  "marginLeft": 6,
                  "marginRight": 9,
                }
              }
            >
              <Image
                source={
                  Object {
                    "uri": "disclosure_indicator",
                  }
                }
                style={
                  Array [
                    Object {
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "tintColor": "#caced1",
                    },
                  ]
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <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>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "marginBottom": 12,
                "marginTop": 6,
              }
            }
            testID="message-thread-replied-on-Thread with attachment"
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 20,
                  },
                  Object {
                    "marginLeft": 16,
                    "marginRight": 10,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
            <Text
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "flex": 1,
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Object {
                    "color": "#1d74f5",
                  },
                ]
              }
            >
              Thread with attachment
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                  "marginLeft": 6,
                  "marginRight": 9,
                }
              }
            >
              <Image
                source={
                  Object {
                    "uri": "disclosure_indicator",
                  }
                }
                style={
                  Array [
                    Object {
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "tintColor": "#caced1",
                    },
                  ]
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  Sent an attachment
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Sequential thread messages following thread button
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="How are you?"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    How are you?
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "borderRadius": 2,
                        "flexDirection": "row",
                        "height": 44,
                        "justifyContent": "center",
                        "paddingHorizontal": 15,
                      },
                      Object {
                        "height": 30,
                      },
                      Object {
                        "backgroundColor": "#1d74f5",
                      },
                    ]
                  }
                  testID="message-thread-button-How are you?"
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": undefined,
                          "fontSize": 20,
                        },
                        Array [
                          Object {
                            "marginRight": 6,
                          },
                          Object {
                            "color": "#ffffff",
                          },
                        ],
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 14,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#ffffff",
                        },
                      ]
                    }
                  >
                    1 reply
                  </Text>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  Nov 10
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  accessibilityLabel="I'm fine!"
                  numberOfLines={1}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  I'm fine!
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <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>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  Sent an attachment
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Sequential thread messages following thread reply
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "marginBottom": 12,
                "marginTop": 6,
              }
            }
            testID="message-thread-replied-on-How are you?"
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#1d74f5",
                    "fontSize": 20,
                  },
                  Object {
                    "marginLeft": 16,
                    "marginRight": 10,
                  },
                  Object {
                    "fontFamily": "custom",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  Object {},
                ]
              }
            >
              
            </Text>
            <Text
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "backgroundColor": "transparent",
                    "flex": 1,
                    "fontFamily": "System",
                    "fontSize": 16,
                    "fontWeight": "400",
                  },
                  Object {
                    "color": "#1d74f5",
                  },
                ]
              }
            >
              How are you?
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                  "marginLeft": 6,
                  "marginRight": 9,
                }
              }
            >
              <Image
                source={
                  Object {
                    "uri": "disclosure_indicator",
                  }
                }
                style={
                  Array [
                    Object {
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "tintColor": "#caced1",
                    },
                  ]
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  accessibilityLabel="I'm fine!"
                  numberOfLines={1}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  I'm fine!
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  accessibilityLabel="Cool!"
                  numberOfLines={1}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  Cool!
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <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>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      },
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  Sent an attachment
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Discussion
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  10:00 AM
                </Text>
              </View>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                      "marginBottom": 6,
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Started a discussion:
              </Text>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                This is a discussion
              </Text>
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={false}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "#1d74f5",
                      "borderRadius": 2,
                      "flexDirection": "row",
                      "height": 30,
                      "justifyContent": "center",
                      "opacity": 1,
                      "paddingHorizontal": 15,
                    }
                  }
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#ffffff",
                          "fontSize": 20,
                        },
                        Object {
                          "marginRight": 6,
                        },
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 14,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#ffffff",
                        },
                      ]
                    }
                  >
                    No messages yet
                  </Text>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                />
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  10:00 AM
                </Text>
              </View>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                      "marginBottom": 6,
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Started a discussion:
              </Text>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                This is a discussion
              </Text>
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={false}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "#1d74f5",
                      "borderRadius": 2,
                      "flexDirection": "row",
                      "height": 30,
                      "justifyContent": "center",
                      "opacity": 1,
                      "paddingHorizontal": 15,
                    }
                  }
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#ffffff",
                          "fontSize": 20,
                        },
                        Object {
                          "marginRight": 6,
                        },
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 14,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#ffffff",
                        },
                      ]
                    }
                  >
                    1 message
                  </Text>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  Nov 10
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  10:00 AM
                </Text>
              </View>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                      "marginBottom": 6,
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Started a discussion:
              </Text>
              <Text
                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>
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={false}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "#1d74f5",
                      "borderRadius": 2,
                      "flexDirection": "row",
                      "height": 30,
                      "justifyContent": "center",
                      "opacity": 1,
                      "paddingHorizontal": 15,
                    }
                  }
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#ffffff",
                          "fontSize": 20,
                        },
                        Object {
                          "marginRight": 6,
                        },
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 14,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#ffffff",
                        },
                      ]
                    }
                  >
                    10 messages
                  </Text>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  Nov 10
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  10:00 AM
                </Text>
              </View>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                      "marginBottom": 6,
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Started a discussion:
              </Text>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#2f343d",
                    },
                  ]
                }
              >
                This is a discussion
              </Text>
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={false}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "#1d74f5",
                      "borderRadius": 2,
                      "flexDirection": "row",
                      "height": 30,
                      "justifyContent": "center",
                      "opacity": 1,
                      "paddingHorizontal": 15,
                    }
                  }
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#ffffff",
                          "fontSize": 20,
                        },
                        Object {
                          "marginRight": 6,
                        },
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 14,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#ffffff",
                        },
                      ]
                    }
                  >
                    +999 messages
                  </Text>
                </View>
                <Text
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "fontFamily": "System",
                        "fontSize": 12,
                        "fontWeight": "300",
                        "lineHeight": 22,
                        "paddingLeft": 10,
                      },
                      Object {
                        "color": "#9ca2a8",
                      },
                    ]
                  }
                >
                  Nov 10
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      URL
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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 />
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "column",
                    "marginTop": 6,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderTopLeftRadius": 4,
                        "borderTopRightRadius": 4,
                        "height": 150,
                        "width": "100%",
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "uri": "https://rocket.chat/images/blog/post.jpg",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
                <View
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flex": 1,
                      "flexDirection": "column",
                      "justifyContent": "flex-start",
                      "padding": 15,
                    }
                  }
                >
                  <Text
                    numberOfLines={2}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#1d74f5",
                        },
                      ]
                    }
                  >
                    Rocket.Chat - Free, Open Source, Enterprise Team Chat
                  </Text>
                  <Text
                    numberOfLines={2}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Object {
                          "color": "#9ca2a8",
                        },
                      ]
                    }
                  >
                    Rocket.Chat is the leading open source team chat software solution. Free, unlimited and completely customizable with on-premises and SaaS cloud hosting.
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "column",
                    "marginTop": 4,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flex": 1,
                      "flexDirection": "column",
                      "justifyContent": "flex-start",
                      "padding": 15,
                    }
                  }
                >
                  <Text
                    numberOfLines={2}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#1d74f5",
                        },
                      ]
                    }
                  >
                    Google
                  </Text>
                  <Text
                    numberOfLines={2}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Object {
                          "color": "#9ca2a8",
                        },
                      ]
                    }
                  >
                    Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Message "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message 
                  </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>
              </View>
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "column",
                    "marginTop": 6,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flex": 1,
                      "flexDirection": "column",
                      "justifyContent": "flex-start",
                      "padding": 15,
                    }
                  }
                >
                  <Text
                    numberOfLines={2}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#1d74f5",
                        },
                      ]
                    }
                  >
                    Google
                  </Text>
                  <Text
                    numberOfLines={2}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Object {
                          "color": "#9ca2a8",
                        },
                      ]
                    }
                  >
                    Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <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 />
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "column",
                    "marginTop": 6,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flex": 1,
                      "flexDirection": "column",
                      "justifyContent": "flex-start",
                      "padding": 15,
                    }
                  }
                >
                  <Text
                    numberOfLines={2}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#1d74f5",
                        },
                      ]
                    }
                  >
                    Google
                  </Text>
                  <Text
                    numberOfLines={2}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Object {
                          "color": "#9ca2a8",
                        },
                      ]
                    }
                  >
                    Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.
                  </Text>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Custom fields
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-start",
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 6,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "borderRadius": 4,
                      "flex": 1,
                      "flexDirection": "column",
                      "padding": 15,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "flex": 1,
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                          },
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      rocket.cat
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 12,
                            "fontWeight": "300",
                            "marginLeft": 10,
                          },
                          Object {
                            "color": "#9ca2a8",
                          },
                        ]
                      }
                    >
                      10:00 AM
                    </Text>
                  </View>
                  <Text
                    style={
                      Array [
                        undefined,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="Custom fields"
                      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 fields
                    </Text>
                  </Text>
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "flexDirection": "row",
                        "flexWrap": "wrap",
                      }
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "100%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 1
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 1
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "100%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 2
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 2
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "100%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 3
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 3
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "100%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 4
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 4
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "100%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 5
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 5
                      </Text>
                    </View>
                  </View>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Two short custom fields
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-start",
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 6,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "borderRadius": 4,
                      "flex": 1,
                      "flexDirection": "column",
                      "padding": 15,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "flex": 1,
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                          },
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      rocket.cat
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 12,
                            "fontWeight": "300",
                            "marginLeft": 10,
                          },
                          Object {
                            "color": "#9ca2a8",
                          },
                        ]
                      }
                    >
                      10:00 AM
                    </Text>
                  </View>
                  <Text
                    style={
                      Array [
                        undefined,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="Custom fields"
                      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 fields
                    </Text>
                  </Text>
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "flexDirection": "row",
                        "flexWrap": "wrap",
                      }
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "50%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 1
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 1
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "50%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 2
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 2
                      </Text>
                    </View>
                  </View>
                </View>
              </View>
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-start",
                    "backgroundColor": "#f3f4f5",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 4,
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "borderRadius": 4,
                      "flex": 1,
                      "flexDirection": "column",
                      "padding": 15,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "flex": 1,
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                          },
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      rocket.cat
                    </Text>
                    <Text
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 12,
                            "fontWeight": "300",
                            "marginLeft": 10,
                          },
                          Object {
                            "color": "#9ca2a8",
                          },
                        ]
                      }
                    >
                      10:00 AM
                    </Text>
                  </View>
                  <Text
                    style={
                      Array [
                        undefined,
                        Object {
                          "color": "#2f343d",
                        },
                      ]
                    }
                  >
                    <Text
                      accessibilityLabel="Custom fields 2"
                      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 fields 2
                    </Text>
                  </Text>
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "flexDirection": "row",
                        "flexWrap": "wrap",
                      }
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "50%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 1
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 1
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flexDirection": "column",
                            "padding": 10,
                          },
                          Object {
                            "width": "50%",
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "600",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Field 2
                      </Text>
                      <Text
                        style={
                          Array [
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 14,
                              "fontWeight": "400",
                            },
                            Object {
                              "color": "#2f343d",
                            },
                          ]
                        }
                      >
                        Value 2
                      </Text>
                    </View>
                  </View>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Broadcast
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Broadcasted message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Broadcasted message
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                    "marginTop": 6,
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  hitSlop={
                    Object {
                      "bottom": 4,
                      "left": 4,
                      "right": 4,
                      "top": 4,
                    }
                  }
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "#1d74f5",
                      "borderRadius": 2,
                      "flexDirection": "row",
                      "height": 44,
                      "justifyContent": "center",
                      "opacity": 1,
                      "paddingHorizontal": 15,
                    }
                  }
                  testID="message-broadcast-reply"
                >
                  <Text
                    allowFontScaling={false}
                    style={
                      Array [
                        Object {
                          "color": "#ffffff",
                          "fontSize": 20,
                        },
                        Object {
                          "marginRight": 6,
                        },
                        Object {
                          "fontFamily": "custom",
                          "fontStyle": "normal",
                          "fontWeight": "normal",
                        },
                        Object {},
                      ]
                    }
                  >
                    
                  </Text>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 14,
                          "fontWeight": "500",
                        },
                        Object {
                          "color": "#ffffff",
                        },
                      ]
                    }
                  >
                    Reply
                  </Text>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Archived
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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 is inside an archived room"
                    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 is inside an archived room
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Error
    </Text>
    <View>
      <View
        style={
          Array [
            Object {
              "flexDirection": "column",
              "paddingHorizontal": 14,
              "paddingVertical": 4,
              "width": "100%",
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flexDirection": "row",
            }
          }
        >
          <View
            accessible={true}
            focusable={true}
            isTVSelectable={true}
            onClick={[Function]}
            onResponderGrant={[Function]}
            onResponderMove={[Function]}
            onResponderRelease={[Function]}
            onResponderTerminate={[Function]}
            onResponderTerminationRequest={[Function]}
            onStartShouldSetResponder={[Function]}
            style={
              Object {
                "opacity": 1,
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 4,
                    "height": 36,
                    "width": 36,
                  },
                  Object {
                    "marginTop": 4,
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "overflow": "hidden",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ]
                }
              >
                <FastImageView
                  resizeMode="cover"
                  source={
                    Object {
                      "headers": Object {},
                      "priority": "high",
                      "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                    }
                  }
                  style={
                    Object {
                      "bottom": 0,
                      "left": 0,
                      "position": "absolute",
                      "right": 0,
                      "top": 0,
                    }
                  }
                />
              </View>
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 46,
                },
                Object {
                  "marginLeft": 10,
                },
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flex": 1,
                  "flexDirection": "row",
                }
              }
            >
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <Text
                    numberOfLines={1}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                          "lineHeight": 22,
                        },
                        Object {
                          "color": "#0d0e12",
                        },
                      ]
                    }
                  >
                    diego.mello
                  </Text>
                </View>
              </View>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 12,
                      "fontWeight": "300",
                      "lineHeight": 22,
                      "paddingLeft": 10,
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                10:00 AM
              </Text>
              <View
                accessible={true}
                focusable={true}
                hitSlop={
                  Object {
                    "bottom": 4,
                    "left": 4,
                    "right": 4,
                    "top": 4,
                  }
                }
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                    "paddingLeft": 10,
                    "paddingVertical": 5,
                  }
                }
              >
                <Text
                  allowFontScaling={false}
                  style={
                    Array [
                      Object {
                        "color": "#f5455c",
                        "fontSize": 18,
                      },
                      undefined,
                      Object {
                        "fontFamily": "custom",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                      },
                      Object {},
                    ]
                  }
                >
                  
                </Text>
              </View>
            </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",
                }
              }
            >
              <View
                accessible={true}
                focusable={true}
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <Text
                    numberOfLines={1}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "500",
                          "lineHeight": 22,
                        },
                        Object {
                          "color": "#0d0e12",
                        },
                      ]
                    }
                  >
                    diego.mello
                  </Text>
                </View>
              </View>
              <Text
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 12,
                      "fontWeight": "300",
                      "lineHeight": 22,
                      "paddingLeft": 10,
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                10:00 AM
              </Text>
              <View
                accessible={true}
                focusable={true}
                hitSlop={
                  Object {
                    "bottom": 4,
                    "left": 4,
                    "right": 4,
                    "top": 4,
                  }
                }
                isTVSelectable={true}
                onClick={[Function]}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                    "paddingLeft": 10,
                    "paddingVertical": 5,
                  }
                }
              >
                <Text
                  allowFontScaling={false}
                  style={
                    Array [
                      Object {
                        "color": "#f5455c",
                        "fontSize": 18,
                      },
                      undefined,
                      Object {
                        "fontFamily": "custom",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                      },
                      Object {},
                    ]
                  }
                >
                  
                </Text>
              </View>
            </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>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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
                style={
                  Object {
                    "opacity": 0.3,
                  }
                }
              >
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="Temp message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Temp message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Editing
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Message being edited"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message being edited
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Removed
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Message removed"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Message removed
              </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,
          },
        ]
      }
    >
      Joined
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Has joined the channel"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Has joined the channel
              </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,
          },
        ]
      }
    >
      Room name changed
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Room name changed to: New name by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Room name changed to: New name by diego.mello
              </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,
          },
        ]
      }
    >
      Message pinned
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Message pinned"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Message pinned
              </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,
          },
        ]
      }
    >
      Has left the channel
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Has left the channel"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Has left the channel
              </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,
          },
        ]
      }
    >
      User removed
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="User rocket.cat removed by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                User rocket.cat removed by diego.mello
              </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,
          },
        ]
      }
    >
      User added
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="User rocket.cat added by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                User rocket.cat added by diego.mello
              </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,
          },
        ]
      }
    >
      User muted
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="User rocket.cat muted by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                User rocket.cat muted by diego.mello
              </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,
          },
        ]
      }
    >
      User unmuted
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="User rocket.cat unmuted by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                User rocket.cat unmuted by diego.mello
              </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,
          },
        ]
      }
    >
      Role added
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="rocket.cat was set admin by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                rocket.cat was set admin by diego.mello
              </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,
          },
        ]
      }
    >
      Role removed
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="rocket.cat is no longer admin by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                rocket.cat is no longer admin by diego.mello
              </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,
          },
        ]
      }
    >
      Changed description
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Room description changed to: new description by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Room description changed to: new description by diego.mello
              </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,
          },
        ]
      }
    >
      Changed announcement
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Room announcement changed to: new announcement by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Room announcement changed to: new announcement by diego.mello
              </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,
          },
        ]
      }
    >
      Changed topic
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Room topic changed to: new topic by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Room topic changed to: new topic by diego.mello
              </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,
          },
        ]
      }
    >
      Changed type
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Array [
                Object {
                  "flexDirection": "row",
                },
                Object {
                  "alignItems": "center",
                },
              ]
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 2,
                      "height": 20,
                      "width": 20,
                    },
                    Object {
                      "marginLeft": 16,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 20,
                        "width": 20,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <Text
                accessibilityLabel="Room type changed to: public by diego.mello"
                style={
                  Array [
                    Object {
                      "backgroundColor": "transparent",
                      "fontFamily": "System",
                      "fontSize": 16,
                      "fontStyle": "italic",
                      "fontWeight": "400",
                    },
                    Object {
                      "color": "#9ca2a8",
                    },
                  ]
                }
              >
                Room type changed to: public by diego.mello
              </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,
          },
        ]
      }
    >
      Custom style
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              Array [
                undefined,
                Object {
                  "backgroundColor": "#ddd",
                },
              ],
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Message"
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Message
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Markdown emphasis
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Italic with single "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Italic with single 
                  </Text>
                  <Text
                    accessibilityLabel="underscore"
                    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,
                          },
                          Object {
                            "fontStyle": "italic",
                          },
                        ],
                      ]
                    }
                  >
                    underscore
                  </Text>
                  <Text
                    accessibilityLabel=" or double "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     or double 
                  </Text>
                  <Text
                    accessibilityLabel="underscores"
                    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,
                          },
                          Object {
                            "fontStyle": "italic",
                          },
                        ],
                      ]
                    }
                  >
                    underscores
                  </Text>
                  <Text
                    accessibilityLabel=". Bold with single "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    . Bold with single 
                  </Text>
                  <Text
                    accessibilityLabel="asterisk"
                    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,
                          },
                          Object {
                            "fontWeight": "bold",
                          },
                        ],
                      ]
                    }
                  >
                    asterisk
                  </Text>
                  <Text
                    accessibilityLabel=" or double "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     or double 
                  </Text>
                  <Text
                    accessibilityLabel="asterisks"
                    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,
                          },
                          Object {
                            "fontWeight": "bold",
                          },
                        ],
                      ]
                    }
                  >
                    asterisks
                  </Text>
                  <Text
                    accessibilityLabel=". Strikethrough with single "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    . Strikethrough with single 
                  </Text>
                  <Text
                    accessibilityLabel="Strikethrough"
                    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,
                          },
                          Object {
                            "textDecorationLine": "line-through",
                          },
                        ],
                      ]
                    }
                  >
                    Strikethrough
                  </Text>
                  <Text
                    accessibilityLabel=" or double "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     or double 
                  </Text>
                  <Text
                    accessibilityLabel="Strikethrough"
                    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,
                          },
                          Object {
                            "textDecorationLine": "line-through",
                          },
                          Object {
                            "textDecorationLine": "line-through",
                          },
                        ],
                      ]
                    }
                  >
                    Strikethrough
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Markdown headers
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="H1"
                    numberOfLines={0}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Array [
                          Object {},
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 24,
                            "fontWeight": "700",
                          },
                        ],
                      ]
                    }
                  >
                    H1
                  </Text>
                </Text>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="H2"
                    numberOfLines={0}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Array [
                          Object {},
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 22,
                            "fontWeight": "700",
                          },
                        ],
                      ]
                    }
                  >
                    H2
                  </Text>
                </Text>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="H3"
                    numberOfLines={0}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Array [
                          Object {},
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 20,
                            "fontWeight": "600",
                          },
                        ],
                      ]
                    }
                  >
                    H3
                  </Text>
                </Text>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="H4"
                    numberOfLines={0}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Array [
                          Object {},
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 18,
                            "fontWeight": "600",
                          },
                        ],
                      ]
                    }
                  >
                    H4
                  </Text>
                </Text>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="H5"
                    numberOfLines={0}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Array [
                          Object {},
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                          },
                        ],
                      ]
                    }
                  >
                    H5
                  </Text>
                </Text>
                <Text
                  numberOfLines={0}
                  style={
                    Array [
                      undefined,
                      Object {
                        "color": "#2f343d",
                      },
                    ]
                  }
                >
                  <Text
                    accessibilityLabel="H6"
                    numberOfLines={0}
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontWeight": "400",
                        },
                        Array [
                          Object {},
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 14,
                            "fontWeight": "500",
                          },
                        ],
                      ]
                    }
                  >
                    H6
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Markdown links
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Support "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    Support 
                  </Text>
                  <Text
                    onLongPress={[Function]}
                    onPress={[Function]}
                    style={
                      Object {
                        "backgroundColor": "transparent",
                        "color": "#1d74f5",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      }
                    }
                  >
                    <Text
                      accessibilityLabel="Google"
                      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,
                            },
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 16,
                              "fontWeight": "400",
                            },
                          ],
                        ]
                      }
                    >
                      Google
                    </Text>
                  </Text>
                  <Text
                    accessibilityLabel=" "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     
                  </Text>
                  <Text
                    onLongPress={[Function]}
                    onPress={[Function]}
                    style={
                      Object {
                        "backgroundColor": "transparent",
                        "color": "#1d74f5",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      }
                    }
                  >
                    <Text
                      accessibilityLabel="I\`m an inline-style link"
                      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,
                            },
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 16,
                              "fontWeight": "400",
                            },
                          ],
                        ]
                      }
                    >
                      I\`m an inline-style link
                    </Text>
                  </Text>
                  <Text
                    accessibilityLabel=" "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     
                  </Text>
                  <Text
                    onLongPress={[Function]}
                    onPress={[Function]}
                    style={
                      Object {
                        "backgroundColor": "transparent",
                        "color": "#1d74f5",
                        "fontFamily": "System",
                        "fontSize": 16,
                        "fontWeight": "400",
                      }
                    }
                  >
                    <Text
                      accessibilityLabel="https://google.com"
                      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,
                            },
                            Object {
                              "backgroundColor": "transparent",
                              "fontFamily": "System",
                              "fontSize": 16,
                              "fontWeight": "400",
                            },
                          ],
                        ]
                      }
                    >
                      https://google.com
                    </Text>
                  </Text>
                </Text>
              </View>
            </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,
          },
        ]
      }
    >
      Markdown image
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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",
                      },
                    ]
                  }
                >
                  <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>
            </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,
          },
        ]
      }
    >
      Markdown code
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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="Inline "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                    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 "
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     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."
                    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,
                          },
                        ],
                      ]
                    }
                  >
                     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>
            </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,
          },
        ]
      }
    >
      Markdown quote
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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>
                <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
                      numberOfLines={0}
                      style={
                        Array [
                          undefined,
                          Object {
                            "color": "#2f343d",
                          },
                        ]
                      }
                    >
                      <Text
                        accessibilityLabel="Quote"
                        numberOfLines={0}
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        Quote
                      </Text>
                    </Text>
                  </View>
                </View>
              </View>
            </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,
          },
        ]
      }
    >
      Markdown table
    </Text>
    <View
      accessible={true}
      focusable={false}
      isTVSelectable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Object {
          "opacity": 1,
        }
      }
    >
      <View>
        <View
          style={
            Array [
              Object {
                "flexDirection": "column",
                "paddingHorizontal": 14,
                "paddingVertical": 4,
                "width": "100%",
              },
              undefined,
            ]
          }
        >
          <View
            style={
              Object {
                "flexDirection": "row",
              }
            }
          >
            <View
              accessible={true}
              focusable={true}
              isTVSelectable={true}
              onClick={[Function]}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                    Object {
                      "marginTop": 4,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "overflow": "hidden",
                      },
                      Object {
                        "borderRadius": 4,
                        "height": 36,
                        "width": 36,
                      },
                    ]
                  }
                >
                  <FastImageView
                    resizeMode="cover"
                    source={
                      Object {
                        "headers": Object {},
                        "priority": "high",
                        "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
                      }
                    }
                    style={
                      Object {
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      }
                    }
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "flex": 1,
                    "marginLeft": 46,
                  },
                  Object {
                    "marginLeft": 10,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "flexDirection": "row",
                  }
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "flex": 1,
                        "flexDirection": "row",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "backgroundColor": "transparent",
                            "fontFamily": "System",
                            "fontSize": 16,
                            "fontWeight": "500",
                            "lineHeight": 22,
                          },
                          Object {
                            "color": "#0d0e12",
                          },
                        ]
                      }
                    >
                      diego.mello
                    </Text>
                  </View>
                </View>
                <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>
                <View
                  accessible={true}
                  focusable={true}
                  isTVSelectable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "opacity": 1,
                    }
                  }
                >
                  <RCTScrollView
                    contentContainerStyle={
                      Object {
                        "width": 200,
                      }
                    }
                    scrollEnabled={false}
                    showsVerticalScrollIndicator={false}
                    style={
                      Array [
                        Object {
                          "borderBottomWidth": 1,
                          "borderRightWidth": 1,
                        },
                        Object {
                          "borderColor": "#e1e5e8",
                          "maxHeight": 300,
                          "maxWidth": 200,
                        },
                      ]
                    }
                  >
                    <View>
                      <View
                        style={
                          Array [
                            Object {
                              "borderLeftWidth": 1,
                              "borderTopWidth": 1,
                            },
                            Object {
                              "borderColor": "#e1e5e8",
                            },
                          ]
                        }
                      >
                        <View
                          style={
                            Array [
                              Object {
                                "flexDirection": "row",
                              },
                              Object {
                                "borderColor": "#e1e5e8",
                              },
                              Object {
                                "borderBottomWidth": 1,
                              },
                            ]
                          }
                        >
                          <View
                            style={
                              Array [
                                Object {
                                  "justifyContent": "flex-start",
                                  "paddingHorizontal": 13,
                                  "paddingVertical": 6,
                                },
                                Object {
                                  "borderColor": "#e1e5e8",
                                },
                                Object {
                                  "borderRightWidth": 1,
                                },
                                Object {
                                  "width": 100,
                                },
                              ]
                            }
                          >
                            <Text
                              style={
                                Array [
                                  null,
                                  Object {
                                    "color": "#2f343d",
                                  },
                                ]
                              }
                            >
                              <Text
                                accessibilityLabel="First Header"
                                numberOfLines={0}
                                style={
                                  Array [
                                    Object {
                                      "backgroundColor": "transparent",
                                      "fontFamily": "System",
                                      "fontSize": 16,
                                      "fontWeight": "400",
                                    },
                                    Array [
                                      Object {},
                                      Object {
                                        "borderLeftWidth": 1,
                                        "borderTopWidth": 1,
                                      },
                                      undefined,
                                      undefined,
                                    ],
                                  ]
                                }
                              >
                                First Header
                              </Text>
                            </Text>
                          </View>
                          <View
                            style={
                              Array [
                                Object {
                                  "justifyContent": "flex-start",
                                  "paddingHorizontal": 13,
                                  "paddingVertical": 6,
                                },
                                Object {
                                  "borderColor": "#e1e5e8",
                                },
                                Object {
                                  "width": 100,
                                },
                              ]
                            }
                          >
                            <Text
                              style={
                                Array [
                                  null,
                                  Object {
                                    "color": "#2f343d",
                                  },
                                ]
                              }
                            >
                              <Text
                                accessibilityLabel="Second Header"
                                numberOfLines={0}
                                style={
                                  Array [
                                    Object {
                                      "backgroundColor": "transparent",
                                      "fontFamily": "System",
                                      "fontSize": 16,
                                      "fontWeight": "400",
                                    },
                                    Array [
                                      Object {},
                                      Object {
                                        "borderLeftWidth": 1,
                                        "borderTopWidth": 1,
                                      },
                                      undefined,
                                      undefined,
                                    ],
                                  ]
                                }
                              >
                                Second Header
                              </Text>
                            </Text>
                          </View>
                        </View>
                        <View
                          style={
                            Array [
                              Object {
                                "flexDirection": "row",
                              },
                              Object {
                                "borderColor": "#e1e5e8",
                              },
                              Object {
                                "borderBottomWidth": 1,
                              },
                            ]
                          }
                        >
                          <View
                            style={
                              Array [
                                Object {
                                  "justifyContent": "flex-start",
                                  "paddingHorizontal": 13,
                                  "paddingVertical": 6,
                                },
                                Object {
                                  "borderColor": "#e1e5e8",
                                },
                                Object {
                                  "borderRightWidth": 1,
                                },
                                Object {
                                  "width": 100,
                                },
                              ]
                            }
                          >
                            <Text
                              style={
                                Array [
                                  null,
                                  Object {
                                    "color": "#2f343d",
                                  },
                                ]
                              }
                            >
                              <Text
                                accessibilityLabel="Content from cell 1"
                                numberOfLines={0}
                                style={
                                  Array [
                                    Object {
                                      "backgroundColor": "transparent",
                                      "fontFamily": "System",
                                      "fontSize": 16,
                                      "fontWeight": "400",
                                    },
                                    Array [
                                      Object {},
                                      Object {
                                        "borderLeftWidth": 1,
                                        "borderTopWidth": 1,
                                      },
                                      undefined,
                                      undefined,
                                    ],
                                  ]
                                }
                              >
                                Content from cell 1
                              </Text>
                            </Text>
                          </View>
                          <View
                            style={
                              Array [
                                Object {
                                  "justifyContent": "flex-start",
                                  "paddingHorizontal": 13,
                                  "paddingVertical": 6,
                                },
                                Object {
                                  "borderColor": "#e1e5e8",
                                },
                                Object {
                                  "width": 100,
                                },
                              ]
                            }
                          >
                            <Text
                              style={
                                Array [
                                  null,
                                  Object {
                                    "color": "#2f343d",
                                  },
                                ]
                              }
                            >
                              <Text
                                accessibilityLabel="Content from cell 2"
                                numberOfLines={0}
                                style={
                                  Array [
                                    Object {
                                      "backgroundColor": "transparent",
                                      "fontFamily": "System",
                                      "fontSize": 16,
                                      "fontWeight": "400",
                                    },
                                    Array [
                                      Object {},
                                      Object {
                                        "borderLeftWidth": 1,
                                        "borderTopWidth": 1,
                                      },
                                      undefined,
                                      undefined,
                                    ],
                                  ]
                                }
                              >
                                Content from cell 2
                              </Text>
                            </Text>
                          </View>
                        </View>
                        <View
                          style={
                            Array [
                              Object {
                                "flexDirection": "row",
                              },
                              Object {
                                "borderColor": "#e1e5e8",
                              },
                            ]
                          }
                        >
                          <View
                            style={
                              Array [
                                Object {
                                  "justifyContent": "flex-start",
                                  "paddingHorizontal": 13,
                                  "paddingVertical": 6,
                                },
                                Object {
                                  "borderColor": "#e1e5e8",
                                },
                                Object {
                                  "borderRightWidth": 1,
                                },
                                Object {
                                  "width": 100,
                                },
                              ]
                            }
                          >
                            <Text
                              style={
                                Array [
                                  null,
                                  Object {
                                    "color": "#2f343d",
                                  },
                                ]
                              }
                            >
                              <Text
                                accessibilityLabel="Content in the first column"
                                numberOfLines={0}
                                style={
                                  Array [
                                    Object {
                                      "backgroundColor": "transparent",
                                      "fontFamily": "System",
                                      "fontSize": 16,
                                      "fontWeight": "400",
                                    },
                                    Array [
                                      Object {},
                                      Object {
                                        "borderLeftWidth": 1,
                                        "borderTopWidth": 1,
                                      },
                                      undefined,
                                      undefined,
                                    ],
                                  ]
                                }
                              >
                                Content in the first column
                              </Text>
                            </Text>
                          </View>
                          <View
                            style={
                              Array [
                                Object {
                                  "justifyContent": "flex-start",
                                  "paddingHorizontal": 13,
                                  "paddingVertical": 6,
                                },
                                Object {
                                  "borderColor": "#e1e5e8",
                                },
                                Object {
                                  "width": 100,
                                },
                              ]
                            }
                          >
                            <Text
                              style={
                                Array [
                                  null,
                                  Object {
                                    "color": "#2f343d",
                                  },
                                ]
                              }
                            >
                              <Text
                                accessibilityLabel="Content in the second column"
                                numberOfLines={0}
                                style={
                                  Array [
                                    Object {
                                      "backgroundColor": "transparent",
                                      "fontFamily": "System",
                                      "fontSize": 16,
                                      "fontWeight": "400",
                                    },
                                    Array [
                                      Object {},
                                      Object {
                                        "borderLeftWidth": 1,
                                        "borderTopWidth": 1,
                                      },
                                      undefined,
                                      undefined,
                                    ],
                                  ]
                                }
                              >
                                Content in the second column
                              </Text>
                            </Text>
                          </View>
                        </View>
                      </View>
                    </View>
                  </RCTScrollView>
                  <Text
                    style={
                      Array [
                        Object {
                          "backgroundColor": "transparent",
                          "fontFamily": "System",
                          "fontSize": 16,
                          "fontStyle": "italic",
                          "fontWeight": "400",
                        },
                        Object {
                          "color": "#9ca2a8",
                        },
                      ]
                    }
                  >
                    Click to see full table
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
  </View>
</RCTScrollView>
`;

exports[`Storyshots RoomItem list roomitem 1`] = `
<RCTScrollView
  style={
    Object {
      "backgroundColor": "#efeff4",
    }
  }
>
  <View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          undefined,
        ]
      }
    >
      Basic
    </Text>
    View
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          undefined,
        ]
      }
    >
      User
    </Text>
    View
    View
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          undefined,
        ]
      }
    >
      Type
    </Text>
    View
    View
    View
    View
    View
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          undefined,
        ]
      }
    >
      Alerts
    </Text>
    View
    View
    View
    View
    View
    View
    View
    View
    View
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "backgroundColor": "#ffffff",
            "color": "#0d0e12",
          },
          undefined,
        ]
      }
    >
      Last Message
    </Text>
    View
    View
    View
    View
    View
    View
  </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 + 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>
`;