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

exports[`Storyshots Avatar avatar 1`] = `
<RCTScrollView>
  <View>
    <View
      style={
        Array [
          Object {
            "alignItems": "center",
            "justifyContent": "center",
          },
          Object {
            "backgroundColor": "#3F51B5",
            "borderRadius": 4,
            "height": 25,
            "width": 25,
          },
          undefined,
        ]
      }
    >
      <Text
        allowFontScaling={false}
        style={
          Array [
            Object {
              "color": "#ffffff",
            },
            Object {
              "fontSize": 15.625,
              "fontWeight": "800",
            },
          ]
        }
      >
        T
      </Text>
      <View
        style={
          Array [
            Array [
              Object {
                "position": "absolute",
              },
              Object {
                "borderRadius": 4,
                "height": 25,
                "width": 25,
              },
            ],
            Object {
              "overflow": "hidden",
            },
          ]
        }
      >
        <FastImageView
          resizeMode="cover"
          source={
            Object {
              "priority": "high",
              "uri": "baseUrl/avatar/test",
            }
          }
          style={
            Object {
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
            }
          }
        />
      </View>
    </View>
    <View
      style={
        Array [
          Object {
            "alignItems": "center",
            "justifyContent": "center",
          },
          Object {
            "backgroundColor": "#9C27B0",
            "borderRadius": 4,
            "height": 40,
            "width": 40,
          },
          undefined,
        ]
      }
    >
      <Text
        allowFontScaling={false}
        style={
          Array [
            Object {
              "color": "#ffffff",
            },
            Object {
              "fontSize": 25,
              "fontWeight": "800",
            },
          ]
        }
      >
        A
      </Text>
      <View
        style={
          Array [
            Array [
              Object {
                "position": "absolute",
              },
              Object {
                "borderRadius": 4,
                "height": 40,
                "width": 40,
              },
            ],
            Object {
              "overflow": "hidden",
            },
          ]
        }
      >
        <FastImageView
          resizeMode="cover"
          source={
            Object {
              "priority": "high",
              "uri": "baseUrl/avatar/aa",
            }
          }
          style={
            Object {
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
            }
          }
        />
      </View>
    </View>
    <View
      style={
        Array [
          Object {
            "alignItems": "center",
            "justifyContent": "center",
          },
          Object {
            "backgroundColor": "#9C27B0",
            "borderRadius": 4,
            "height": 30,
            "width": 30,
          },
          undefined,
        ]
      }
    >
      <Text
        allowFontScaling={false}
        style={
          Array [
            Object {
              "color": "#ffffff",
            },
            Object {
              "fontSize": 18.75,
              "fontWeight": "800",
            },
          ]
        }
      >
        B
      </Text>
      <View
        style={
          Array [
            Array [
              Object {
                "position": "absolute",
              },
              Object {
                "borderRadius": 4,
                "height": 30,
                "width": 30,
              },
            ],
            Object {
              "overflow": "hidden",
            },
          ]
        }
      >
        <FastImageView
          resizeMode="cover"
          source={
            Object {
              "priority": "high",
              "uri": "baseUrl/avatar/bb",
            }
          }
          style={
            Object {
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
            }
          }
        />
      </View>
    </View>
    <View
      style={
        Array [
          Object {
            "alignItems": "center",
            "justifyContent": "center",
          },
          Object {
            "backgroundColor": "#3F51B5",
            "borderRadius": 2,
            "height": 25,
            "width": 25,
          },
          undefined,
        ]
      }
    >
      <Text
        allowFontScaling={false}
        style={
          Array [
            Object {
              "color": "#ffffff",
            },
            Object {
              "fontSize": 15.625,
              "fontWeight": "800",
            },
          ]
        }
      >
        T
      </Text>
      <View
        style={
          Array [
            Array [
              Object {
                "position": "absolute",
              },
              Object {
                "borderRadius": 2,
                "height": 25,
                "width": 25,
              },
            ],
            Object {
              "overflow": "hidden",
            },
          ]
        }
      >
        <FastImageView
          resizeMode="cover"
          source={
            Object {
              "priority": "high",
              "uri": "baseUrl/avatar/test",
            }
          }
          style={
            Object {
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
            }
          }
        />
      </View>
    </View>
  </View>
</RCTScrollView>
`;

exports[`Storyshots Channel Cell Direct Messages 1`] = `
<RCTScrollView>
  <View>
    <View
      accessibilityLabel="rocket.cat, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#8BC34A",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            R
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/rocket.cat",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              rocket.cat
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="rocket.cat, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#8BC34A",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            R
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/rocket.cat",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  Object {
                    "fontWeight": "600",
                  },
                ]
              }
            >
              rocket.cat
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  Object {
                    "color": "#1D74F5",
                  },
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="rocket.cat, 1 alert, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#8BC34A",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            R
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/rocket.cat",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              rocket.cat
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1D74F5",
                  "borderRadius": 4,
                  "justifyContent": "center",
                  "minWidth": 23,
                  "padding": 3,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#fff",
                    "fontSize": 14,
                    "fontWeight": "500",
                    "letterSpacing": 0.56,
                    "overflow": "hidden",
                  }
                }
              >
                1
              </Text>
            </View>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 9 alerts, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            L
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  Object {
                    "fontWeight": "600",
                  },
                ]
              }
            >
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  Object {
                    "color": "#1D74F5",
                  },
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1D74F5",
                  "borderRadius": 4,
                  "justifyContent": "center",
                  "minWidth": 23,
                  "padding": 3,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#fff",
                    "fontSize": 14,
                    "fontWeight": "500",
                    "letterSpacing": 0.56,
                    "overflow": "hidden",
                  }
                }
              >
                9
              </Text>
            </View>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 99 alerts, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            L
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1D74F5",
                  "borderRadius": 4,
                  "justifyContent": "center",
                  "minWidth": 23,
                  "padding": 3,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#fff",
                    "fontSize": 14,
                    "fontWeight": "500",
                    "letterSpacing": 0.56,
                    "overflow": "hidden",
                  }
                }
              >
                99
              </Text>
            </View>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100 alerts, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            L
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1D74F5",
                  "borderRadius": 4,
                  "justifyContent": "center",
                  "minWidth": 23,
                  "padding": 3,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#fff",
                    "fontSize": 14,
                    "fontWeight": "500",
                    "letterSpacing": 0.56,
                    "overflow": "hidden",
                  }
                }
              >
                100
              </Text>
            </View>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100000 alerts, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            L
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1D74F5",
                  "borderRadius": 4,
                  "justifyContent": "center",
                  "minWidth": 23,
                  "padding": 3,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#fff",
                    "fontSize": 14,
                    "fontWeight": "500",
                    "letterSpacing": 0.56,
                    "overflow": "hidden",
                  }
                }
              >
                999+
              </Text>
            </View>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100000 alerts, you were mentioned, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            L
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1D74F5",
                  "borderRadius": 4,
                  "justifyContent": "center",
                  "minWidth": 23,
                  "padding": 3,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#fff",
                    "fontSize": 14,
                    "fontWeight": "500",
                    "letterSpacing": 0.56,
                    "overflow": "hidden",
                  }
                }
              >
                @ 999+
              </Text>
            </View>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="W, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#E91E63",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            W
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/W",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              W
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="WW, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#9C27B0",
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            W
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/WW",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              WW
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityLabel=", last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={null}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "flexDirection": "row",
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": undefined,
                "borderRadius": 4,
                "height": 48,
                "width": 48,
              },
              Object {
                "marginHorizontal": 15,
              },
            ]
          }
        >
          <Text
            allowFontScaling={false}
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 30,
                  "fontWeight": "800",
                },
              ]
            }
          >
            
          </Text>
          <View
            style={
              Array [
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
                Object {
                  "overflow": "hidden",
                },
              ]
            }
          >
            <FastImageView
              resizeMode="cover"
              source={
                Object {
                  "priority": "high",
                  "uri": "/avatar/",
                }
              }
              style={
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                }
              }
            />
          </View>
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "center",
                "marginTop": 5,
                "width": "100%",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "borderRadius": 16,
                    "height": 16,
                    "width": 16,
                  },
                  Array [
                    Object {
                      "borderRadius": 10,
                      "height": 10,
                      "marginRight": 7,
                      "marginTop": 3,
                      "width": 10,
                    },
                  ],
                  Object {
                    "backgroundColor": undefined,
                  },
                ]
              }
            />
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#0C0D0F",
                    "flex": 1,
                    "fontSize": 18,
                    "fontWeight": "400",
                    "marginRight": 5,
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              
            </Text>
            <Text
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "normal",
                    "paddingBottom": 0,
                    "paddingTop": 0,
                  },
                  undefined,
                ]
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-start",
                "flex": 1,
                "flexDirection": "row",
              }
            }
          >
            <Text
              numberOfLines={2}
              style={
                Object {
                  "color": "#9EA2A8",
                  "flex": 1,
                  "fontSize": 15,
                  "fontWeight": "normal",
                }
              }
            >
              
            </Text>
          </View>
        </View>
        <View
          style={
            Object {
              "alignItems": "center",
              "height": "100%",
              "justifyContent": "center",
              "marginLeft": 6,
              "marginRight": 9,
            }
          }
        >
          <Image
            source={
              Object {
                "uri": "disclosure_indicator",
              }
            }
            style={
              Object {
                "height": 20,
                "width": 20,
              }
            }
          />
        </View>
      </View>
    </View>
  </View>
</RCTScrollView>
`;

exports[`Storyshots Message list 1`] = `
<RCTScrollView
  contentContainerStyle={
    Object {
      "marginVertical": 30,
    }
  }
  style={
    Object {
      "flex": 1,
      "transform": Array [
        Object {
          "scaleY": -1,
        },
      ],
    }
  }
>
  <View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Simple
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Long message
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: ..."
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    …
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from rocket.cat at 10:00 AM: Different user"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#8BC34A",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              R
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/rocket.cat",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                rocket.cat
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Different user
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: This is the third message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          false,
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                false,
                false,
              ]
            }
          >
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    This is the third message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: This is the second message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          false,
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                false,
                false,
              ]
            }
          >
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    This is the second message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: This is the first message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    This is the first message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Grouped messages
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          false,
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                false,
                false,
              ]
            }
          >
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Without header
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                Diego Mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "lineHeight": 16,
                    "paddingLeft": 6,
                  }
                }
              >
                @
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      With alias
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
                <Text
                  style={
                    Object {
                      "color": "#9EA2A8",
                      "fontSize": 14,
                    }
                  }
                >
                   (edited)
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Edited
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": undefined,
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  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
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Static avatar
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                Diego Mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Full name
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: @rocket.cat @diego.mello @all @here #general"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text
                    onPress={[Function]}
                    style={
                      Object {
                        "backgroundColor": "#E8F2FF",
                        "color": "#0072FE",
                        "fontWeight": "500",
                        "padding": 5,
                      }
                    }
                  >
                     
                    rocket.cat
                     
                  </Text>
                  <Text>
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Object {
                        "backgroundColor": "#1D74F5",
                        "color": "#fff",
                        "fontWeight": "500",
                        "padding": 5,
                      }
                    }
                  >
                     
                    diego.mello
                     
                  </Text>
                  <Text>
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Object {
                        "backgroundColor": "#FF5B5A",
                        "color": "#fff",
                        "fontWeight": "500",
                        "padding": 5,
                      }
                    }
                  >
                     
                    all
                     
                  </Text>
                  <Text>
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Object {
                        "backgroundColor": "#FF5B5A",
                        "color": "#fff",
                        "fontWeight": "500",
                        "padding": 5,
                      }
                    }
                  >
                     
                    here
                     
                  </Text>
                  <Text>
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Object {
                        "backgroundColor": "#E8F2FF",
                        "color": "#0072FE",
                        "fontWeight": "500",
                        "padding": 5,
                      }
                    }
                  >
                     #
                    general
                     
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Mentions
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: 👊🤙👏"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    👊🤙👏
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Emojis
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: :react_rocket: :nyan_rocket: :marioparty:"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Image
                    source={
                      Object {
                        "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
                      }
                    }
                    style={
                      Object {
                        "height": 20,
                        "width": 20,
                      }
                    }
                  />
                  <Text>
                     
                  </Text>
                  <Image
                    source={
                      Object {
                        "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
                      }
                    }
                    style={
                      Object {
                        "height": 20,
                        "width": 20,
                      }
                    }
                  />
                  <Text>
                     
                  </Text>
                  <Image
                    source={
                      Object {
                        "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
                      }
                    }
                    style={
                      Object {
                        "height": 20,
                        "width": 20,
                      }
                    }
                  />
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Custom Emojis
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10 November 2017: Testing"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10 November 2017
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Testing
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Time format
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Reactions"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Reactions
                  </Text>
                </Text>
              </Text>
            </View>
            <View
              style={
                Object {
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "marginTop": 10,
                }
              }
            >
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:joy:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      Object {
                        "backgroundColor": "#e8f2ff",
                        "borderColor": "#1d74f580",
                      },
                    ]
                  }
                >
                  <Text
                    style={
                      Object {
                        "fontSize": 13,
                        "marginLeft": 7,
                      }
                    }
                  >
                    😂
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    3
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:marioparty:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      Object {
                        "backgroundColor": "#e8f2ff",
                        "borderColor": "#1d74f580",
                      },
                    ]
                  }
                >
                  <Image
                    source={
                      Object {
                        "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
                      }
                    }
                    style={
                      Object {
                        "height": 19,
                        "marginLeft": 7,
                        "width": 19,
                      }
                    }
                  />
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    13
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:thinking:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Text
                    style={
                      Object {
                        "fontSize": 13,
                        "marginLeft": 7,
                      }
                    }
                  >
                    🤔
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "backgroundColor": "#FFF",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1.5,
                    "flexDirection": "row",
                    "height": 28,
                    "justifyContent": "center",
                    "marginBottom": 10,
                    "marginRight": 10,
                    "minWidth": 46,
                    "opacity": 1,
                  }
                }
                testID="message-add-reaction"
              >
                <Image
                  source={
                    Object {
                      "uri": "add_reaction",
                    }
                  }
                  style={
                    Object {
                      "height": 17,
                      "width": 17,
                    }
                  }
                />
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Reactions
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Multiple Reactions"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Multiple Reactions
                  </Text>
                </Text>
              </Text>
            </View>
            <View
              style={
                Object {
                  "flexDirection": "row",
                  "flexWrap": "wrap",
                  "marginTop": 10,
                }
              }
            >
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:marioparty:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Image
                    source={
                      Object {
                        "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
                      }
                    }
                    style={
                      Object {
                        "height": 19,
                        "marginLeft": 7,
                        "width": 19,
                      }
                    }
                  />
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:react_rocket:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Image
                    source={
                      Object {
                        "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
                      }
                    }
                    style={
                      Object {
                        "height": 19,
                        "marginLeft": 7,
                        "width": 19,
                      }
                    }
                  />
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:nyan_rocket:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Image
                    source={
                      Object {
                        "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
                      }
                    }
                    style={
                      Object {
                        "height": 19,
                        "marginLeft": 7,
                        "width": 19,
                      }
                    }
                  />
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:heart:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Text
                    style={
                      Object {
                        "fontSize": 13,
                        "marginLeft": 7,
                      }
                    }
                  >
                    ❤️
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:dog:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Text
                    style={
                      Object {
                        "fontSize": 13,
                        "marginLeft": 7,
                      }
                    }
                  >
                    🐶
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:grinning:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Text
                    style={
                      Object {
                        "fontSize": 13,
                        "marginLeft": 7,
                      }
                    }
                  >
                    😀
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:grimacing:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Text
                    style={
                      Object {
                        "fontSize": 13,
                        "marginLeft": 7,
                      }
                    }
                  >
                    😬
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "opacity": 1,
                  }
                }
                testID="message-reaction-:grin:"
              >
                <View
                  style={
                    Array [
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#FFF",
                        "borderColor": "#e1e5e8",
                        "borderRadius": 4,
                        "borderWidth": 1.5,
                        "flexDirection": "row",
                        "height": 28,
                        "justifyContent": "center",
                        "marginBottom": 10,
                        "marginRight": 10,
                        "minWidth": 46,
                      },
                      false,
                    ]
                  }
                >
                  <Text
                    style={
                      Object {
                        "fontSize": 13,
                        "marginLeft": 7,
                      }
                    }
                  >
                    😁
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 14,
                        "fontWeight": "600",
                        "marginLeft": 3,
                        "marginRight": 8.5,
                      }
                    }
                  >
                    1
                  </Text>
                </View>
              </View>
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "backgroundColor": "#FFF",
                    "borderColor": "#e1e5e8",
                    "borderRadius": 4,
                    "borderWidth": 1.5,
                    "flexDirection": "row",
                    "height": 28,
                    "justifyContent": "center",
                    "marginBottom": 10,
                    "marginRight": 10,
                    "minWidth": 46,
                    "opacity": 1,
                  }
                }
                testID="message-add-reaction"
              >
                <Image
                  source={
                    Object {
                      "uri": "add_reaction",
                    }
                  }
                  style={
                    Object {
                      "height": 17,
                      "width": 17,
                    }
                  }
                />
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Multiple reactions
    </Text>
    <View
      accessibilityLabel="Message from rocket.cat at 10:00 AM: Fourth message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#8BC34A",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              R
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/rocket.cat",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                rocket.cat
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Fourth message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Third message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Third message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from rocket.cat at 10:00 AM: Second message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#8BC34A",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              R
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/rocket.cat",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                rocket.cat
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Second message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: First message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    First message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Intercalated users
    </Text>
    <View
      accessibilityLabel="Message from rocket.cat at 10:00 AM: Fourth message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#8BC34A",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              R
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/rocket.cat",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                rocket.cat
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Fourth message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      style={
        Object {
          "alignItems": "center",
          "flex": 1,
          "flexDirection": "row",
          "marginBottom": 25,
          "marginTop": 15,
          "transform": Array [
            Object {
              "scaleY": -1,
            },
          ],
        }
      }
    >
      <Text
        style={
          Array [
            Object {
              "color": "#9ea2a8",
              "fontSize": 14,
              "fontWeight": "600",
            },
            Object {
              "color": "#f5455c",
            },
            Object {
              "marginLeft": 10,
            },
          ]
        }
      >
        Nov 10, 2017
      </Text>
      <View
        style={
          Array [
            Object {
              "backgroundColor": "#9ea2a8",
              "flex": 1,
              "height": 1,
            },
            Object {
              "backgroundColor": "#f5455c",
            },
            Object {
              "marginHorizontal": 10,
            },
          ]
        }
      />
      <Text
        style={
          Array [
            Object {
              "color": "#9ea2a8",
              "fontSize": 14,
              "fontWeight": "600",
            },
            Object {
              "color": "#f5455c",
            },
            Object {
              "marginRight": 10,
            },
          ]
        }
      >
        unread messages
      </Text>
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Third message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Third message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      style={
        Object {
          "alignItems": "center",
          "flex": 1,
          "flexDirection": "row",
          "marginBottom": 25,
          "marginTop": 15,
          "transform": Array [
            Object {
              "scaleY": -1,
            },
          ],
        }
      }
    >
      <View
        style={
          Array [
            Object {
              "backgroundColor": "#9ea2a8",
              "flex": 1,
              "height": 1,
            },
            Object {
              "backgroundColor": "#f5455c",
            },
            Object {
              "marginLeft": 10,
            },
          ]
        }
      />
      <Text
        style={
          Array [
            Object {
              "color": "#9ea2a8",
              "fontSize": 14,
              "fontWeight": "600",
            },
            Object {
              "color": "#f5455c",
            },
            Object {
              "marginHorizontal": 10,
            },
          ]
        }
      >
        unread messages
      </Text>
      <View
        style={
          Array [
            Object {
              "backgroundColor": "#9ea2a8",
              "flex": 1,
              "height": 1,
            },
            Object {
              "backgroundColor": "#f5455c",
            },
            Object {
              "marginRight": 10,
            },
          ]
        }
      />
    </View>
    <View
      accessibilityLabel="Message from rocket.cat at 10:00 AM: Second message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          false,
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                false,
                false,
              ]
            }
          >
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Second message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from rocket.cat at 10:00 AM: Second message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#8BC34A",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              R
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/rocket.cat",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                rocket.cat
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Second message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      style={
        Object {
          "alignItems": "center",
          "flex": 1,
          "flexDirection": "row",
          "marginBottom": 25,
          "marginTop": 15,
          "transform": Array [
            Object {
              "scaleY": -1,
            },
          ],
        }
      }
    >
      <View
        style={
          Array [
            Object {
              "backgroundColor": "#9ea2a8",
              "flex": 1,
              "height": 1,
            },
            Object {
              "marginLeft": 10,
            },
          ]
        }
      />
      <Text
        style={
          Array [
            Object {
              "color": "#9ea2a8",
              "fontSize": 14,
              "fontWeight": "600",
            },
            Object {
              "marginHorizontal": 10,
            },
          ]
        }
      >
        Nov 10, 2017
      </Text>
      <View
        style={
          Array [
            Object {
              "backgroundColor": "#9ea2a8",
              "flex": 1,
              "height": 1,
            },
            Object {
              "marginRight": 10,
            },
          ]
        }
      />
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: First message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    First message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Date and Unread separators
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "flex": 1,
                  "flexDirection": "column",
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "marginBottom": 10,
                      "maxWidth": 400,
                      "minHeight": 200,
                      "width": "100%",
                    },
                    Object {
                      "overflow": "hidden",
                    },
                  ]
                }
              >
                <FastImageView
                  resizeMode="cover"
                  source={
                    Object {
                      "uri": "https://open.rocket.chat/file-upload/2ZrxuwcGeTrsoh376/Clipboard%2520-%2520September%25205,%25202018%25204:10%2520PM?rc_uid=y8bd77ptZswPj3EW8&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz",
                    }
                  }
                  style={
                    Object {
                      "bottom": 0,
                      "left": 0,
                      "position": "absolute",
                      "right": 0,
                      "top": 0,
                    }
                  }
                />
              </View>
              <View
                style={Object {}}
              >
                <Text
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    }
                  }
                >
                  <Text
                    style={
                      Object {
                        "color": "#0C0D0F",
                        "fontSize": 16,
                        "letterSpacing": 0.1,
                      }
                    }
                  >
                    <Text>
                      This is a description
                    </Text>
                  </Text>
                </Text>
              </View>
            </View>
            <Modal
              animationType="none"
              hardwareAccelerated={false}
              hideModalContentWhileAnimating={false}
              onModalHide={[Function]}
              onRequestClose={[Function]}
              scrollOffset={0}
              scrollOffsetMax={0}
              scrollTo={null}
              supportedOrientations={
                Array [
                  "portrait",
                  "landscape",
                ]
              }
              swipeThreshold={100}
              transparent={true}
              visible={false}
            >
              <View
                accessible={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "backgroundColor": "black",
                    "bottom": 0,
                    "height": 1334,
                    "left": 0,
                    "opacity": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                    "width": 750,
                  }
                }
              />
              <View
                hideModalContentWhileAnimating={false}
                onModalHide={[Function]}
                pointerEvents="box-none"
                scrollOffset={0}
                scrollOffsetMax={0}
                scrollTo={null}
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "justifyContent": "center",
                    "margin": 37.5,
                    "transform": Array [
                      Object {
                        "translateY": 0,
                      },
                    ],
                  }
                }
                supportedOrientations={
                  Array [
                    "portrait",
                    "landscape",
                  ]
                }
                swipeThreshold={100}
              >
                <View
                  style={
                    Object {
                      "height": 1294,
                      "width": 710,
                    }
                  }
                >
                  <View
                    accessible={true}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "marginVertical": 10,
                        "width": "100%",
                      }
                    }
                  >
                    <Text
                      style={
                        Object {
                          "color": "#ffffff",
                          "fontSize": 16,
                          "fontWeight": "600",
                          "textAlign": "center",
                        }
                      }
                    >
                      This is a title
                    </Text>
                    <Text
                      style={
                        Object {
                          "color": "#ffffff",
                          "fontSize": 14,
                          "fontWeight": "500",
                          "textAlign": "center",
                        }
                      }
                    >
                      This is a description
                    </Text>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 1,
                      }
                    }
                  >
                    <View
                      onLayout={[Function]}
                      style={
                        Object {
                          "flex": 1,
                          "overflow": "hidden",
                        }
                      }
                    >
                      <View>
                        <View
                          style={
                            Object {
                              "zIndex": 9,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "backgroundColor": "transparent",
                                "opacity": 0,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "bottom": 0,
                                  "justifyContent": "center",
                                  "left": 0,
                                  "position": "absolute",
                                  "top": 0,
                                  "zIndex": 13,
                                }
                              }
                            >
                              <View
                                accessible={true}
                                onResponderGrant={[Function]}
                                onResponderMove={[Function]}
                                onResponderRelease={[Function]}
                                onResponderTerminate={[Function]}
                                onResponderTerminationRequest={[Function]}
                                onStartShouldSetResponder={[Function]}
                              />
                            </View>
                            <View
                              style={
                                Object {
                                  "bottom": 0,
                                  "justifyContent": "center",
                                  "position": "absolute",
                                  "right": 0,
                                  "top": 0,
                                  "zIndex": 13,
                                }
                              }
                            >
                              <View
                                accessible={true}
                                onResponderGrant={[Function]}
                                onResponderMove={[Function]}
                                onResponderRelease={[Function]}
                                onResponderTerminate={[Function]}
                                onResponderTerminationRequest={[Function]}
                                onStartShouldSetResponder={[Function]}
                              />
                            </View>
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "flexDirection": "row",
                                  "transform": Array [
                                    Object {
                                      "translateX": 0,
                                    },
                                  ],
                                  "width": 0,
                                }
                              }
                            >
                              <View
                                onMoveShouldSetResponder={[Function]}
                                onMoveShouldSetResponderCapture={[Function]}
                                onResponderEnd={[Function]}
                                onResponderGrant={[Function]}
                                onResponderMove={[Function]}
                                onResponderReject={[Function]}
                                onResponderRelease={[Function]}
                                onResponderStart={[Function]}
                                onResponderTerminate={[Function]}
                                onResponderTerminationRequest={[Function]}
                                onStartShouldSetResponder={[Function]}
                                onStartShouldSetResponderCapture={[Function]}
                                style={
                                  Object {
                                    "alignItems": "center",
                                    "backgroundColor": "transparent",
                                    "height": 0,
                                    "justifyContent": "center",
                                    "overflow": "hidden",
                                    "width": 0,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "transform": Array [
                                        Object {
                                          "scale": 1,
                                        },
                                        Object {
                                          "translateX": 0,
                                        },
                                        Object {
                                          "translateY": 0,
                                        },
                                      ],
                                    }
                                  }
                                >
                                  <View
                                    onLayout={[Function]}
                                    style={
                                      Object {
                                        "height": 0,
                                        "width": 0,
                                      }
                                    }
                                  >
                                    <View
                                      style={
                                        Object {
                                          "alignItems": "center",
                                          "justifyContent": "center",
                                        }
                                      }
                                    >
                                      <View
                                        style={
                                          Array [
                                            Object {
                                              "alignItems": "center",
                                              "justifyContent": "center",
                                            },
                                            Object {
                                              "height": 1334,
                                              "width": 750,
                                            },
                                          ]
                                        }
                                      >
                                        <ActivityIndicator
                                          animating={true}
                                          color="#999999"
                                          hidesWhenStopped={true}
                                          size="small"
                                        />
                                      </View>
                                    </View>
                                  </View>
                                </View>
                              </View>
                            </View>
                            <View
                              style={
                                Array [
                                  Object {
                                    "bottom": 0,
                                    "position": "absolute",
                                    "zIndex": 9,
                                  },
                                  Object {},
                                ]
                              }
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </Modal>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "flex": 1,
                  "flexDirection": "column",
                  "opacity": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "borderRadius": 4,
                      "marginBottom": 10,
                      "maxWidth": 400,
                      "minHeight": 200,
                      "width": "100%",
                    },
                    Object {
                      "overflow": "hidden",
                    },
                  ]
                }
              >
                <FastImageView
                  resizeMode="cover"
                  source={
                    Object {
                      "uri": "https://open.rocket.chat/file-upload/sxLXBzjwuqxMnebyP/Clipboard%2520-%252029%2520de%2520Agosto%2520de%25202018%2520%25C3%25A0s%252018:10?rc_uid=y8bd77ptZswPj3EW8&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz",
                    }
                  }
                  style={
                    Object {
                      "bottom": 0,
                      "left": 0,
                      "position": "absolute",
                      "right": 0,
                      "top": 0,
                    }
                  }
                />
              </View>
              <View
                style={Object {}}
              >
                <Text
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    }
                  }
                >
                  <Text
                    style={
                      Object {
                        "color": "#0C0D0F",
                        "fontSize": 16,
                        "letterSpacing": 0.1,
                      }
                    }
                  >
                    <Text>
                      This is a description
                    </Text>
                  </Text>
                </Text>
              </View>
            </View>
            <Modal
              animationType="none"
              hardwareAccelerated={false}
              hideModalContentWhileAnimating={false}
              onModalHide={[Function]}
              onRequestClose={[Function]}
              scrollOffset={0}
              scrollOffsetMax={0}
              scrollTo={null}
              supportedOrientations={
                Array [
                  "portrait",
                  "landscape",
                ]
              }
              swipeThreshold={100}
              transparent={true}
              visible={false}
            >
              <View
                accessible={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "backgroundColor": "black",
                    "bottom": 0,
                    "height": 1334,
                    "left": 0,
                    "opacity": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                    "width": 750,
                  }
                }
              />
              <View
                hideModalContentWhileAnimating={false}
                onModalHide={[Function]}
                pointerEvents="box-none"
                scrollOffset={0}
                scrollOffsetMax={0}
                scrollTo={null}
                style={
                  Object {
                    "alignItems": "center",
                    "flex": 1,
                    "justifyContent": "center",
                    "margin": 37.5,
                    "transform": Array [
                      Object {
                        "translateY": 0,
                      },
                    ],
                  }
                }
                supportedOrientations={
                  Array [
                    "portrait",
                    "landscape",
                  ]
                }
                swipeThreshold={100}
              >
                <View
                  style={
                    Object {
                      "height": 1294,
                      "width": 710,
                    }
                  }
                >
                  <View
                    accessible={true}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "marginVertical": 10,
                        "width": "100%",
                      }
                    }
                  >
                    <Text
                      style={
                        Object {
                          "color": "#ffffff",
                          "fontSize": 16,
                          "fontWeight": "600",
                          "textAlign": "center",
                        }
                      }
                    >
                      This is a title
                    </Text>
                    <Text
                      style={
                        Object {
                          "color": "#ffffff",
                          "fontSize": 14,
                          "fontWeight": "500",
                          "textAlign": "center",
                        }
                      }
                    >
                      This is a description
                    </Text>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 1,
                      }
                    }
                  >
                    <View
                      onLayout={[Function]}
                      style={
                        Object {
                          "flex": 1,
                          "overflow": "hidden",
                        }
                      }
                    >
                      <View>
                        <View
                          style={
                            Object {
                              "zIndex": 9,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "backgroundColor": "transparent",
                                "opacity": 0,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "bottom": 0,
                                  "justifyContent": "center",
                                  "left": 0,
                                  "position": "absolute",
                                  "top": 0,
                                  "zIndex": 13,
                                }
                              }
                            >
                              <View
                                accessible={true}
                                onResponderGrant={[Function]}
                                onResponderMove={[Function]}
                                onResponderRelease={[Function]}
                                onResponderTerminate={[Function]}
                                onResponderTerminationRequest={[Function]}
                                onStartShouldSetResponder={[Function]}
                              />
                            </View>
                            <View
                              style={
                                Object {
                                  "bottom": 0,
                                  "justifyContent": "center",
                                  "position": "absolute",
                                  "right": 0,
                                  "top": 0,
                                  "zIndex": 13,
                                }
                              }
                            >
                              <View
                                accessible={true}
                                onResponderGrant={[Function]}
                                onResponderMove={[Function]}
                                onResponderRelease={[Function]}
                                onResponderTerminate={[Function]}
                                onResponderTerminationRequest={[Function]}
                                onStartShouldSetResponder={[Function]}
                              />
                            </View>
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "flexDirection": "row",
                                  "transform": Array [
                                    Object {
                                      "translateX": 0,
                                    },
                                  ],
                                  "width": 0,
                                }
                              }
                            >
                              <View
                                onMoveShouldSetResponder={[Function]}
                                onMoveShouldSetResponderCapture={[Function]}
                                onResponderEnd={[Function]}
                                onResponderGrant={[Function]}
                                onResponderMove={[Function]}
                                onResponderReject={[Function]}
                                onResponderRelease={[Function]}
                                onResponderStart={[Function]}
                                onResponderTerminate={[Function]}
                                onResponderTerminationRequest={[Function]}
                                onStartShouldSetResponder={[Function]}
                                onStartShouldSetResponderCapture={[Function]}
                                style={
                                  Object {
                                    "alignItems": "center",
                                    "backgroundColor": "transparent",
                                    "height": 0,
                                    "justifyContent": "center",
                                    "overflow": "hidden",
                                    "width": 0,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "transform": Array [
                                        Object {
                                          "scale": 1,
                                        },
                                        Object {
                                          "translateX": 0,
                                        },
                                        Object {
                                          "translateY": 0,
                                        },
                                      ],
                                    }
                                  }
                                >
                                  <View
                                    onLayout={[Function]}
                                    style={
                                      Object {
                                        "height": 0,
                                        "width": 0,
                                      }
                                    }
                                  >
                                    <View
                                      style={
                                        Object {
                                          "alignItems": "center",
                                          "justifyContent": "center",
                                        }
                                      }
                                    >
                                      <View
                                        style={
                                          Array [
                                            Object {
                                              "alignItems": "center",
                                              "justifyContent": "center",
                                            },
                                            Object {
                                              "height": 1334,
                                              "width": 750,
                                            },
                                          ]
                                        }
                                      >
                                        <ActivityIndicator
                                          animating={true}
                                          color="#999999"
                                          hidesWhenStopped={true}
                                          size="small"
                                        />
                                      </View>
                                    </View>
                                  </View>
                                </View>
                              </View>
                            </View>
                            <View
                              style={
                                Array [
                                  Object {
                                    "bottom": 0,
                                    "position": "absolute",
                                    "zIndex": 9,
                                  },
                                  Object {},
                                ]
                              }
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </Modal>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      With image
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View>
              <View
                accessible={true}
                isTVSelectable={true}
                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": 10,
                    "opacity": 1,
                  }
                }
              >
                <Image
                  source={
                    Object {
                      "uri": "play_video",
                    }
                  }
                  style={
                    Object {
                      "height": 54,
                      "width": 54,
                    }
                  }
                />
              </View>
              <View
                style={Object {}}
              >
                <Text
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    }
                  }
                >
                  <Text
                    style={
                      Object {
                        "color": "#0C0D0F",
                        "fontSize": 16,
                        "letterSpacing": 0.1,
                      }
                    }
                  >
                    <Text>
                      This is a description
                    </Text>
                  </Text>
                </Text>
              </View>
            </View>
            <Modal
              animationType="none"
              hardwareAccelerated={false}
              hideModalContentWhileAnimating={false}
              onModalHide={[Function]}
              onRequestClose={[Function]}
              scrollOffset={0}
              scrollOffsetMax={0}
              scrollTo={null}
              supportedOrientations={
                Array [
                  "portrait",
                  "landscape",
                ]
              }
              swipeThreshold={100}
              transparent={true}
              visible={false}
            >
              <View
                accessible={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "backgroundColor": "black",
                    "bottom": 0,
                    "height": 1334,
                    "left": 0,
                    "opacity": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                    "width": 750,
                  }
                }
              />
              <View
                hideModalContentWhileAnimating={false}
                onModalHide={[Function]}
                pointerEvents="box-none"
                scrollOffset={0}
                scrollOffsetMax={0}
                scrollTo={null}
                style={
                  Object {
                    "backgroundColor": "#000",
                    "flex": 1,
                    "justifyContent": "center",
                    "margin": 0,
                    "transform": Array [
                      Object {
                        "translateY": 0,
                      },
                    ],
                  }
                }
                supportedOrientations={
                  Array [
                    "portrait",
                    "landscape",
                  ]
                }
                swipeThreshold={100}
              >
                Video
              </View>
            </Modal>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      With video
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#f7f8fa",
                  "borderRadius": 4,
                  "flex": 1,
                  "flexDirection": "row",
                  "height": 56,
                  "marginBottom": 10,
                }
              }
            >
              Video
              <View
                accessible={true}
                isTVSelectable={true}
                onResponderGrant={[Function]}
                onResponderMove={[Function]}
                onResponderRelease={[Function]}
                onResponderTerminate={[Function]}
                onResponderTerminationRequest={[Function]}
                onStartShouldSetResponder={[Function]}
                style={
                  Object {
                    "alignItems": "center",
                    "backgroundColor": "transparent",
                    "opacity": 1,
                    "width": 56,
                  }
                }
              >
                <Image
                  source={
                    Object {
                      "uri": "play",
                    }
                  }
                  style={
                    Object {
                      "height": 30,
                      "width": 30,
                    }
                  }
                />
              </View>
              <View
                animateTransitions={true}
                animationConfig={
                  Object {
                    "delay": 0,
                    "duration": 250,
                    "easing": [Function],
                  }
                }
                animationType="timing"
                onLayout={[Function]}
                onValueChange={[Function]}
                step={0}
                style={
                  Array [
                    Object {
                      "height": 40,
                      "justifyContent": "center",
                    },
                    Object {
                      "flex": 1,
                      "marginRight": 10,
                    },
                  ]
                }
                thumbTouchSize={
                  Object {
                    "height": 40,
                    "width": 40,
                  }
                }
                value={0}
              >
                <View
                  onLayout={[Function]}
                  renderToHardwareTextureAndroid={true}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#b3b3b3",
                      },
                      Object {
                        "borderRadius": 2,
                        "height": 4,
                      },
                      undefined,
                    ]
                  }
                />
                <View
                  renderToHardwareTextureAndroid={true}
                  style={
                    Object {
                      "backgroundColor": "#1d74f5",
                      "borderRadius": 2,
                      "height": 4,
                      "opacity": 0,
                      "position": "absolute",
                      "width": 0,
                    }
                  }
                />
                <View
                  onLayout={[Function]}
                  renderToHardwareTextureAndroid={true}
                  style={
                    Object {
                      "backgroundColor": "#1d74f5",
                      "borderRadius": 10,
                      "height": 12,
                      "opacity": 0,
                      "position": "absolute",
                      "transform": Array [
                        Object {
                          "translateX": 0,
                        },
                        Object {
                          "translateY": 0,
                        },
                      ],
                      "width": 12,
                    }
                  }
                />
                <View
                  onMoveShouldSetResponder={[Function]}
                  onMoveShouldSetResponderCapture={[Function]}
                  onResponderEnd={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderReject={[Function]}
                  onResponderRelease={[Function]}
                  onResponderStart={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  onStartShouldSetResponderCapture={[Function]}
                  renderToHardwareTextureAndroid={true}
                  style={
                    Array [
                      Object {
                        "backgroundColor": "transparent",
                        "bottom": 0,
                        "left": 0,
                        "position": "absolute",
                        "right": 0,
                        "top": 0,
                      },
                      Object {},
                    ]
                  }
                />
              </View>
              <Text
                style={
                  Object {
                    "color": "#54585e",
                    "fontSize": 14,
                    "fontWeight": "500",
                    "marginRight": 16,
                  }
                }
              >
                00:00
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    This is a description
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      With audio
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Array [
                  Object {
                    "marginTop": 10,
                  },
                  false,
                ]
              }
            >
              <View
                style={
                  Object {
                    "backgroundColor": "#F3F4F5",
                    "borderRadius": 4,
                    "flex": 1,
                    "flexDirection": "column",
                  }
                }
              >
                <View
                  style={
                    Array [
                      Object {
                        "borderTopLeftRadius": 4,
                        "borderTopRightRadius": 4,
                        "height": 150,
                        "width": "100%",
                      },
                      Object {
                        "overflow": "hidden",
                      },
                    ]
                  }
                >
                  <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={1}
                    style={
                      Object {
                        "color": "#9EA2A8",
                        "fontSize": 15,
                        "fontWeight": "500",
                      }
                    }
                  >
                    https://rocket.chat
                  </Text>
                  <Text
                    numberOfLines={2}
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 16,
                        "fontWeight": "500",
                        "marginTop": 5,
                      }
                    }
                  >
                    Rocket.Chat - Free, Open Source, Enterprise Team Chat
                  </Text>
                  <Text
                    numberOfLines={2}
                    style={
                      Object {
                        "color": "#0C0D0F",
                        "fontSize": 16,
                        "marginTop": 5,
                      }
                    }
                  >
                    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>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Array [
                  Object {
                    "marginTop": 10,
                  },
                  Object {
                    "marginTop": 4,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "backgroundColor": "#F3F4F5",
                    "borderRadius": 4,
                    "flex": 1,
                    "flexDirection": "column",
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flex": 1,
                      "flexDirection": "column",
                      "justifyContent": "flex-start",
                      "padding": 15,
                    }
                  }
                >
                  <Text
                    numberOfLines={1}
                    style={
                      Object {
                        "color": "#9EA2A8",
                        "fontSize": 15,
                        "fontWeight": "500",
                      }
                    }
                  >
                    https://google.com
                  </Text>
                  <Text
                    numberOfLines={2}
                    style={
                      Object {
                        "color": "#1D74F5",
                        "fontSize": 16,
                        "fontWeight": "500",
                        "marginTop": 5,
                      }
                    }
                  >
                    Google
                  </Text>
                  <Text
                    numberOfLines={2}
                    style={
                      Object {
                        "color": "#0C0D0F",
                        "fontSize": 16,
                        "marginTop": 5,
                      }
                    }
                  >
                    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 {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      URL
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
              </Text>
            </View>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Array [
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-end",
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 15,
                  },
                  false,
                ]
              }
            >
              <View
                style={
                  Object {
                    "backgroundColor": "#f3f4f5",
                    "borderRadius": 4,
                    "flex": 1,
                    "flexDirection": "column",
                    "padding": 15,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                    }
                  }
                >
                  <Text
                    style={
                      Object {
                        "color": "#1d74f5",
                        "fontSize": 18,
                        "fontWeight": "500",
                        "marginRight": 10,
                      }
                    }
                  >
                    rocket.cat
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#9ea2a8",
                        "fontSize": 14,
                        "fontWeight": "normal",
                        "marginLeft": 5,
                      }
                    }
                  >
                    10:00 AM
                  </Text>
                </View>
                <View
                  style={Object {}}
                >
                  <Text
                    style={
                      Object {
                        "alignItems": "flex-start",
                        "flexDirection": "row",
                        "flexWrap": "wrap",
                        "justifyContent": "flex-start",
                        "marginBottom": 0,
                        "marginTop": 0,
                      }
                    }
                  >
                    <Text
                      style={
                        Object {
                          "color": "#0C0D0F",
                          "fontSize": 16,
                          "letterSpacing": 0.1,
                        }
                      }
                    >
                      <Text>
                        Custom fields
                      </Text>
                    </Text>
                  </Text>
                </View>
                <View
                  style={
                    Object {
                      "flex": 1,
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                    }
                  }
                >
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "100%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 1
                    </Text>
                    <Text>
                      Value 1
                    </Text>
                  </View>
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "100%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 2
                    </Text>
                    <Text>
                      Value 2
                    </Text>
                  </View>
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "100%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 3
                    </Text>
                    <Text>
                      Value 3
                    </Text>
                  </View>
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "100%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 4
                    </Text>
                    <Text>
                      Value 4
                    </Text>
                  </View>
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "100%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 5
                    </Text>
                    <Text>
                      Value 5
                    </Text>
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Custom fields
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
              </Text>
            </View>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Array [
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-end",
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 15,
                  },
                  false,
                ]
              }
            >
              <View
                style={
                  Object {
                    "backgroundColor": "#f3f4f5",
                    "borderRadius": 4,
                    "flex": 1,
                    "flexDirection": "column",
                    "padding": 15,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                    }
                  }
                >
                  <Text
                    style={
                      Object {
                        "color": "#1d74f5",
                        "fontSize": 18,
                        "fontWeight": "500",
                        "marginRight": 10,
                      }
                    }
                  >
                    rocket.cat
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#9ea2a8",
                        "fontSize": 14,
                        "fontWeight": "normal",
                        "marginLeft": 5,
                      }
                    }
                  >
                    10:00 AM
                  </Text>
                </View>
                <View
                  style={Object {}}
                >
                  <Text
                    style={
                      Object {
                        "alignItems": "flex-start",
                        "flexDirection": "row",
                        "flexWrap": "wrap",
                        "justifyContent": "flex-start",
                        "marginBottom": 0,
                        "marginTop": 0,
                      }
                    }
                  >
                    <Text
                      style={
                        Object {
                          "color": "#0C0D0F",
                          "fontSize": 16,
                          "letterSpacing": 0.1,
                        }
                      }
                    >
                      <Text>
                        Custom fields
                      </Text>
                    </Text>
                  </Text>
                </View>
                <View
                  style={
                    Object {
                      "flex": 1,
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                    }
                  }
                >
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "50%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 1
                    </Text>
                    <Text>
                      Value 1
                    </Text>
                  </View>
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "50%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 2
                    </Text>
                    <Text>
                      Value 2
                    </Text>
                  </View>
                </View>
              </View>
            </View>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Array [
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-end",
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 15,
                  },
                  Object {
                    "marginTop": 4,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "backgroundColor": "#f3f4f5",
                    "borderRadius": 4,
                    "flex": 1,
                    "flexDirection": "column",
                    "padding": 15,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                    }
                  }
                >
                  <Text
                    style={
                      Object {
                        "color": "#1d74f5",
                        "fontSize": 18,
                        "fontWeight": "500",
                        "marginRight": 10,
                      }
                    }
                  >
                    rocket.cat
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#9ea2a8",
                        "fontSize": 14,
                        "fontWeight": "normal",
                        "marginLeft": 5,
                      }
                    }
                  >
                    10:00 AM
                  </Text>
                </View>
                <View
                  style={Object {}}
                >
                  <Text
                    style={
                      Object {
                        "alignItems": "flex-start",
                        "flexDirection": "row",
                        "flexWrap": "wrap",
                        "justifyContent": "flex-start",
                        "marginBottom": 0,
                        "marginTop": 0,
                      }
                    }
                  >
                    <Text
                      style={
                        Object {
                          "color": "#0C0D0F",
                          "fontSize": 16,
                          "letterSpacing": 0.1,
                        }
                      }
                    >
                      <Text>
                        Custom fields 2
                      </Text>
                    </Text>
                  </Text>
                </View>
                <View
                  style={
                    Object {
                      "flex": 1,
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                    }
                  }
                >
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "50%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 1
                    </Text>
                    <Text>
                      Value 1
                    </Text>
                  </View>
                  <View
                    style={
                      Array [
                        Object {
                          "flexDirection": "column",
                          "padding": 10,
                        },
                        Object {
                          "width": "50%",
                        },
                      ]
                    }
                  >
                    <Text
                      style={
                        Object {
                          "fontWeight": "bold",
                        }
                      }
                    >
                      Field 2
                    </Text>
                    <Text>
                      Value 2
                    </Text>
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Two short custom fields
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Broadcasted message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Broadcasted message
                  </Text>
                </Text>
              </Text>
            </View>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Object {
                  "height": 44,
                  "marginTop": 15,
                  "width": 107,
                }
              }
            >
              <View
                style={
                  Object {
                    "alignItems": "center",
                    "backgroundColor": "#1d74f5",
                    "borderRadius": 4,
                    "flex": 1,
                    "flexDirection": "row",
                    "justifyContent": "center",
                  }
                }
              >
                <Image
                  source={
                    Object {
                      "uri": "reply",
                    }
                  }
                  style={
                    Object {
                      "height": 12,
                      "marginRight": 11,
                      "width": 14,
                    }
                  }
                />
                <Text
                  style={
                    Object {
                      "color": "#fff",
                      "fontSize": 14,
                      "fontWeight": "500",
                    }
                  }
                >
                  Reply
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Broadcast
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: This message is inside an archived room"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    This message is inside an archived room
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Archived
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: This message has error too"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          false,
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <Text
            allowFontScaling={false}
            onPress={[Function]}
            style={
              Array [
                Object {
                  "color": "red",
                  "fontSize": 20,
                },
                Object {
                  "alignSelf": "center",
                  "paddingLeft": 0,
                  "paddingRight": 12,
                },
                Object {
                  "fontFamily": "Material Icons",
                  "fontStyle": "normal",
                  "fontWeight": "normal",
                },
                Object {},
              ]
            }
          >
            
          </Text>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                false,
                Object {
                  "opacity": 0.3,
                },
              ]
            }
          >
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    This message has error too
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: This message has error"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <Text
            allowFontScaling={false}
            onPress={[Function]}
            style={
              Array [
                Object {
                  "color": "red",
                  "fontSize": 20,
                },
                Object {
                  "alignSelf": "center",
                  "paddingLeft": 0,
                  "paddingRight": 12,
                },
                Object {
                  "fontFamily": "Material Icons",
                  "fontStyle": "normal",
                  "fontWeight": "normal",
                },
                Object {},
              ]
            }
          >
            
          </Text>
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                Object {
                  "opacity": 0.3,
                },
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    This message has error
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Error
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Temp message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                Object {
                  "opacity": 0.3,
                },
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Temp message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Temp
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message being edited"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            Object {
              "backgroundColor": "#fff5df",
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message being edited
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Editing
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Message removed
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Removed
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Has joined the channel
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Joined
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: New name"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Room name changed to: New name by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Room name changed
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: New name"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Message pinned
            </Text>
            <View
              accessible={true}
              isTVSelectable={true}
              onResponderGrant={[Function]}
              onResponderMove={[Function]}
              onResponderRelease={[Function]}
              onResponderTerminate={[Function]}
              onResponderTerminationRequest={[Function]}
              onStartShouldSetResponder={[Function]}
              style={
                Array [
                  Object {
                    "alignItems": "center",
                    "alignSelf": "flex-end",
                    "flex": 1,
                    "flexDirection": "row",
                    "marginTop": 15,
                  },
                  false,
                ]
              }
            >
              <View
                style={
                  Object {
                    "backgroundColor": "#f3f4f5",
                    "borderRadius": 4,
                    "flex": 1,
                    "flexDirection": "column",
                    "padding": 15,
                  }
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                    }
                  }
                >
                  <Text
                    style={
                      Object {
                        "color": "#1d74f5",
                        "fontSize": 18,
                        "fontWeight": "500",
                        "marginRight": 10,
                      }
                    }
                  >
                    rocket.cat
                  </Text>
                  <Text
                    style={
                      Object {
                        "color": "#9ea2a8",
                        "fontSize": 14,
                        "fontWeight": "normal",
                        "marginLeft": 5,
                      }
                    }
                  >
                    10:00 AM
                  </Text>
                </View>
                <View
                  style={Object {}}
                >
                  <Text
                    style={
                      Object {
                        "alignItems": "flex-start",
                        "flexDirection": "row",
                        "flexWrap": "wrap",
                        "justifyContent": "flex-start",
                        "marginBottom": 0,
                        "marginTop": 0,
                      }
                    }
                  >
                    <Text
                      style={
                        Object {
                          "color": "#0C0D0F",
                          "fontSize": 16,
                          "letterSpacing": 0.1,
                        }
                      }
                    >
                      <Text>
                        First message
                      </Text>
                    </Text>
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Message pinned
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: [missing {{message}} value]"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Has left the channel
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Has left the channel
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              User rocket.cat removed by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      User removed
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              User rocket.cat added by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      User added
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              User rocket.cat muted by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      User muted
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              User rocket.cat unmuted by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      User unmuted
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              rocket.cat was set admin by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Role added
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: rocket.cat"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              rocket.cat is no longer admin by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Role removed
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: new description"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Room description changed to: new description by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Changed description
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: new announcement"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Room announcement changed to: new announcement by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Changed announcement
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: new topic"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Room topic changed to: new topic by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Changed topic
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: public"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <Text
              style={
                Object {
                  "color": "#a0a0a0",
                  "fontSize": 16,
                  "fontStyle": "italic",
                }
              }
            >
              Room type changed to: public by diego.mello
            </Text>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Changed type
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Message"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            Array [
              undefined,
              Object {
                "backgroundColor": "#ddd",
              },
            ],
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Message
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Custom style
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Italic with *asterisks* or _underscores_. Bold with **asterisks** or __underscores__. ~~Strikethrough~~"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Italic with 
                  </Text>
                  <Text
                    style={
                      Object {
                        "fontStyle": "italic",
                      }
                    }
                  >
                    <Text>
                      asterisks
                    </Text>
                  </Text>
                  <Text>
                     or 
                  </Text>
                  <Text
                    style={
                      Object {
                        "fontStyle": "italic",
                      }
                    }
                  >
                    <Text>
                      underscores
                    </Text>
                  </Text>
                  <Text>
                    . Bold with 
                  </Text>
                  <Text
                    style={
                      Object {
                        "fontWeight": "bold",
                      }
                    }
                  >
                    <Text>
                      asterisks
                    </Text>
                  </Text>
                  <Text>
                     or 
                  </Text>
                  <Text
                    style={
                      Object {
                        "fontWeight": "bold",
                      }
                    }
                  >
                    <Text>
                      underscores
                    </Text>
                  </Text>
                  <Text>
                    . 
                  </Text>
                  <Text
                    style={
                      Object {
                        "textDecorationLine": "line-through",
                      }
                    }
                  >
                    <Text>
                      Strikethrough
                    </Text>
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Markdown emphasis
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: # H1
## H2
### H3
#### H4
##### H5
###### H6"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <View
                style={
                  Object {
                    "flexDirection": "row",
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    H1
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "flexDirection": "row",
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    H2
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "flexDirection": "row",
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    H3
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "flexDirection": "row",
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    H4
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "flexDirection": "row",
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    H5
                  </Text>
                </Text>
              </View>
              <View
                style={
                  Object {
                    "flexDirection": "row",
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    H6
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Markdown headers
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Support <http://google.com|Google> [I\`m an inline-style link](https://www.google.com) https://google.com"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Support 
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Object {
                        "color": "#1D74F5",
                      }
                    }
                  >
                    <Text>
                      Google
                    </Text>
                  </Text>
                  <Text>
                     
                  </Text>
                  <Text
                    onPress={[Function]}
                    style={
                      Object {
                        "color": "#1D74F5",
                      }
                    }
                  >
                    <Text>
                      I\`m an inline-style link
                    </Text>
                  </Text>
                  <Text>
                     https://google.com
                  </Text>
                </Text>
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Markdown links
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: ![alt text](https://play.google.com/intl/en_us/badges/images/badge_new.png)"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <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>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Markdown image
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: Inline \`code\` has \`back-ticks around\` it.
\`\`\`
Code block
\`\`\`"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <Text
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexDirection": "row",
                    "flexWrap": "wrap",
                    "justifyContent": "flex-start",
                    "marginBottom": 0,
                    "marginTop": 0,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "color": "#0C0D0F",
                      "fontSize": 16,
                      "letterSpacing": 0.1,
                    }
                  }
                >
                  <Text>
                    Inline 
                  </Text>
                  <Text
                    style={
                      Object {
                        "backgroundColor": "#f5f5f5",
                        "borderColor": "#CCCCCC",
                        "borderRadius": 4,
                        "borderWidth": 1,
                        "padding": 2,
                      }
                    }
                  >
                    code
                  </Text>
                  <Text>
                     has 
                  </Text>
                  <Text
                    style={
                      Object {
                        "backgroundColor": "#f5f5f5",
                        "borderColor": "#CCCCCC",
                        "borderRadius": 4,
                        "borderWidth": 1,
                        "padding": 2,
                      }
                    }
                  >
                    back-ticks around
                  </Text>
                  <Text>
                     it.
                  </Text>
                </Text>
              </Text>
              <Text
                style={
                  Object {
                    "backgroundColor": "#f5f5f5",
                    "borderColor": "#CCCCCC",
                    "borderRadius": 4,
                    "borderWidth": 1,
                    "padding": 10,
                  }
                }
              >
                Code block

              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Markdown code
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: > Quote"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <View
                style={
                  Object {
                    "backgroundColor": "#CCCCCC",
                    "margin": 20,
                    "paddingHorizontal": 20,
                    "paddingVertical": 10,
                  }
                }
              >
                <Text
                  style={
                    Object {
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "flexWrap": "wrap",
                      "justifyContent": "flex-start",
                      "marginBottom": 0,
                      "marginTop": 0,
                    }
                  }
                >
                  <Text
                    style={
                      Object {
                        "color": "#0C0D0F",
                        "fontSize": 16,
                        "letterSpacing": 0.1,
                      }
                    }
                  >
                    <Text>
                      Quote
                    </Text>
                  </Text>
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Markdown quote
    </Text>
    <View
      accessibilityLabel="Message from diego.mello at 10:00 AM: First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column"
      accessible={true}
      isTVSelectable={true}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "paddingVertical": 5,
          },
          Object {
            "marginBottom": 10,
          },
        ]
      }
    >
      <View
        style={
          Array [
            Object {
              "flex": 1,
              "flexDirection": "column",
              "paddingLeft": 10,
              "paddingRight": 15,
              "transform": Array [
                Object {
                  "scaleY": -1,
                },
              ],
            },
            undefined,
            undefined,
          ]
        }
      >
        <View
          style={
            Object {
              "flex": 1,
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              Array [
                Object {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                Object {
                  "backgroundColor": "#CDDC39",
                  "borderRadius": 4,
                  "height": 36,
                  "width": 36,
                },
                Object {
                  "marginTop": 5,
                },
              ]
            }
          >
            <Text
              allowFontScaling={false}
              style={
                Array [
                  Object {
                    "color": "#ffffff",
                  },
                  Object {
                    "fontSize": 22.5,
                    "fontWeight": "800",
                  },
                ]
              }
            >
              D
            </Text>
            <View
              style={
                Array [
                  Array [
                    Object {
                      "position": "absolute",
                    },
                    Object {
                      "borderRadius": 4,
                      "height": 36,
                      "width": 36,
                    },
                  ],
                  Object {
                    "overflow": "hidden",
                  },
                ]
              }
            >
              <FastImageView
                resizeMode="cover"
                source={
                  Object {
                    "priority": "high",
                    "uri": "https://open.rocket.chat/avatar/diego.mello",
                  }
                }
                style={
                  Object {
                    "bottom": 0,
                    "left": 0,
                    "position": "absolute",
                    "right": 0,
                    "top": 0,
                  }
                }
              />
            </View>
          </View>
          <View
            style={
              Array [
                Object {
                  "flex": 1,
                  "marginLeft": 51,
                },
                Object {
                  "marginLeft": 15,
                },
                false,
              ]
            }
          >
            <View
              style={
                Object {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "marginBottom": 2,
                }
              }
            >
              <Text
                style={
                  Object {
                    "color": "#0C0D0F",
                    "fontSize": 16,
                    "fontWeight": "600",
                    "lineHeight": 22,
                  }
                }
              >
                diego.mello
              </Text>
              <Text
                style={
                  Object {
                    "color": "#9EA2A8",
                    "fontSize": 14,
                    "fontWeight": "300",
                    "lineHeight": 16,
                    "paddingLeft": 10,
                  }
                }
              >
                10:00 AM
              </Text>
            </View>
            <View
              style={Object {}}
            >
              <View
                style={
                  Array [
                    Object {
                      "borderColor": "#000000",
                      "borderRadius": 3,
                      "borderWidth": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Array [
                      Object {},
                    ]
                  }
                >
                  <View
                    style={
                      Array [
                        Object {
                          "borderBottomWidth": 1,
                          "borderColor": "#000000",
                          "flexDirection": "row",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "flex": 1,
                            "padding": 5,
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Object {
                            "color": "#0C0D0F",
                            "fontSize": 16,
                            "letterSpacing": 0.1,
                          }
                        }
                      >
                        <Text>
                          First Header
                        </Text>
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flex": 1,
                            "padding": 5,
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Object {
                            "color": "#0C0D0F",
                            "fontSize": 16,
                            "letterSpacing": 0.1,
                          }
                        }
                      >
                        <Text>
                          Second Header
                        </Text>
                      </Text>
                    </View>
                  </View>
                </View>
                <View>
                  <View
                    style={
                      Array [
                        Object {
                          "borderBottomWidth": 1,
                          "borderColor": "#000000",
                          "flexDirection": "row",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "flex": 1,
                            "padding": 5,
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Object {
                            "color": "#0C0D0F",
                            "fontSize": 16,
                            "letterSpacing": 0.1,
                          }
                        }
                      >
                        <Text>
                          Content from cell 1
                        </Text>
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flex": 1,
                            "padding": 5,
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Object {
                            "color": "#0C0D0F",
                            "fontSize": 16,
                            "letterSpacing": 0.1,
                          }
                        }
                      >
                        <Text>
                          Content from cell 2
                        </Text>
                      </Text>
                    </View>
                  </View>
                  <View
                    style={
                      Array [
                        Object {
                          "borderBottomWidth": 1,
                          "borderColor": "#000000",
                          "flexDirection": "row",
                        },
                      ]
                    }
                  >
                    <View
                      style={
                        Array [
                          Object {
                            "flex": 1,
                            "padding": 5,
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Object {
                            "color": "#0C0D0F",
                            "fontSize": 16,
                            "letterSpacing": 0.1,
                          }
                        }
                      >
                        <Text>
                          Content in the first column
                        </Text>
                      </Text>
                    </View>
                    <View
                      style={
                        Array [
                          Object {
                            "flex": 1,
                            "padding": 5,
                          },
                        ]
                      }
                    >
                      <Text
                        style={
                          Object {
                            "color": "#0C0D0F",
                            "fontSize": 16,
                            "letterSpacing": 0.1,
                          }
                        }
                      >
                        <Text>
                          Content in the second column
                        </Text>
                      </Text>
                    </View>
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
    <Text
      style={
        Array [
          Object {
            "fontSize": 20,
            "fontWeight": "300",
            "marginLeft": 10,
            "marginTop": 30,
          },
          Object {
            "marginBottom": 30,
            "marginTop": 0,
            "transform": Array [
              Object {
                "scaleY": -1,
              },
            ],
          },
        ]
      }
    >
      Markdown table
    </Text>
  </View>
</RCTScrollView>
`;