// 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 [
            Object {
              "overflow": "hidden",
            },
            Array [
              Object {
                "position": "absolute",
              },
              Object {
                "borderRadius": 4,
                "height": 25,
                "width": 25,
              },
            ],
          ]
        }
      >
        <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 [
            Object {
              "overflow": "hidden",
            },
            Array [
              Object {
                "position": "absolute",
              },
              Object {
                "borderRadius": 4,
                "height": 40,
                "width": 40,
              },
            ],
          ]
        }
      >
        <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 [
            Object {
              "overflow": "hidden",
            },
            Array [
              Object {
                "position": "absolute",
              },
              Object {
                "borderRadius": 4,
                "height": 30,
                "width": 30,
              },
            ],
          ]
        }
      >
        <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 [
            Object {
              "overflow": "hidden",
            },
            Array [
              Object {
                "position": "absolute",
              },
              Object {
                "borderRadius": 2,
                "height": 25,
                "width": 25,
              },
            ],
          ]
        }
      >
        <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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"
      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 [
                Object {
                  "overflow": "hidden",
                },
                Array [
                  Object {
                    "position": "absolute",
                  },
                  Object {
                    "borderRadius": 4,
                    "height": 48,
                    "width": 48,
                  },
                ],
              ]
            }
          >
            <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
    <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
    <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
    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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    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
    <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
    <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
    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
    <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
    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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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
    <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>
`;