vn-verdnaturachat/__tests__/__snapshots__/Storyshots.test.js.snap

// 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
        accessible={true}
        allowFontScaling={false}
        ellipsizeMode="tail"
        style={
          Array [
            Object {
              "color": "#ffffff",
            },
            Object {
              "fontSize": 12.5,
            },
          ]
        }
      >
        TE
      </Text>
      
    </View>
    <View
      style={
        Array [
          Object {
            "alignItems": "center",
            "justifyContent": "center",
          },
          Object {
            "backgroundColor": "#9C27B0",
            "borderRadius": 4,
            "height": 40,
            "width": 40,
          },
          undefined,
        ]
      }
    >
      <Text
        accessible={true}
        allowFontScaling={false}
        ellipsizeMode="tail"
        style={
          Array [
            Object {
              "color": "#ffffff",
            },
            Object {
              "fontSize": 20,
            },
          ]
        }
      >
        AA
      </Text>
      
    </View>
    <View
      style={
        Array [
          Object {
            "alignItems": "center",
            "justifyContent": "center",
          },
          Object {
            "backgroundColor": "#9C27B0",
            "borderRadius": 4,
            "height": 30,
            "width": 30,
          },
          undefined,
        ]
      }
    >
      <Text
        accessible={true}
        allowFontScaling={false}
        ellipsizeMode="tail"
        style={
          Array [
            Object {
              "color": "#ffffff",
            },
            Object {
              "fontSize": 15,
            },
          ]
        }
      >
        BB
      </Text>
      
    </View>
    <View
      style={
        Array [
          Object {
            "alignItems": "center",
            "justifyContent": "center",
          },
          Object {
            "backgroundColor": "#3F51B5",
            "borderRadius": 2,
            "height": 25,
            "width": 25,
          },
          undefined,
        ]
      }
    >
      <Text
        accessible={true}
        allowFontScaling={false}
        ellipsizeMode="tail"
        style={
          Array [
            Object {
              "color": "#ffffff",
            },
            Object {
              "fontSize": 12.5,
            },
          ]
        }
      >
        TE
      </Text>
      
    </View>
  </View>
</RCTScrollView>
`;

exports[`Storyshots Channel Cell Direct Messages 1`] = `
<RCTScrollView>
  <View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="rocket.cat, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#8BC34A",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            RC
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  undefined,
                ]
              }
            >
              rocket.cat
            </Text>
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="rocket.cat, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#8BC34A",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            RC
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  Object {
                    "fontWeight": "bold",
                  },
                ]
              }
            >
              rocket.cat
            </Text>
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="rocket.cat, 1 alert, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#8BC34A",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            RC
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  undefined,
                ]
              }
            >
              rocket.cat
            </Text>
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1d74f5",
                  "borderRadius": 4,
                  "color": "#fff",
                  "fontSize": 14,
                  "justifyContent": "center",
                  "minWidth": 25,
                  "overflow": "hidden",
                  "paddingHorizontal": 5,
                  "paddingVertical": 4,
                  "textAlign": "center",
                }
              }
            >
              1
            </Text>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 9 alerts, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            LC
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  Object {
                    "fontWeight": "bold",
                  },
                ]
              }
            >
              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
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1d74f5",
                  "borderRadius": 4,
                  "color": "#fff",
                  "fontSize": 14,
                  "justifyContent": "center",
                  "minWidth": 25,
                  "overflow": "hidden",
                  "paddingHorizontal": 5,
                  "paddingVertical": 4,
                  "textAlign": "center",
                }
              }
            >
              9
            </Text>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 99 alerts, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            LC
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  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
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1d74f5",
                  "borderRadius": 4,
                  "color": "#fff",
                  "fontSize": 14,
                  "justifyContent": "center",
                  "minWidth": 25,
                  "overflow": "hidden",
                  "paddingHorizontal": 5,
                  "paddingVertical": 4,
                  "textAlign": "center",
                }
              }
            >
              99
            </Text>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100 alerts, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            LC
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  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
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1d74f5",
                  "borderRadius": 4,
                  "color": "#fff",
                  "fontSize": 14,
                  "justifyContent": "center",
                  "minWidth": 25,
                  "overflow": "hidden",
                  "paddingHorizontal": 5,
                  "paddingVertical": 4,
                  "textAlign": "center",
                }
              }
            >
              100
            </Text>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100000 alerts, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            LC
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  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
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1d74f5",
                  "borderRadius": 4,
                  "color": "#fff",
                  "fontSize": 14,
                  "justifyContent": "center",
                  "minWidth": 25,
                  "overflow": "hidden",
                  "paddingHorizontal": 5,
                  "paddingVertical": 4,
                  "textAlign": "center",
                }
              }
            >
              999+
            </Text>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 100000 alerts, you were mentioned, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#795548",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            LC
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  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
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              style={
                Object {
                  "alignItems": "center",
                  "backgroundColor": "#1d74f5",
                  "borderRadius": 4,
                  "color": "#fff",
                  "fontSize": 14,
                  "justifyContent": "center",
                  "minWidth": 25,
                  "overflow": "hidden",
                  "paddingHorizontal": 5,
                  "paddingVertical": 4,
                  "textAlign": "center",
                }
              }
            >
              @ 999+
            </Text>
          </View>
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="W, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#E91E63",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            W
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  undefined,
                ]
              }
            >
              W
            </Text>
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel="WW, last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": "#9C27B0",
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            WW
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  undefined,
                ]
              }
            >
              WW
            </Text>
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          />
        </View>
      </View>
    </View>
    <View
      accessibilityComponentType={undefined}
      accessibilityLabel=", last message Nov 10"
      accessibilityTraits="selected"
      accessible={true}
      hasTVPreferredFocus={undefined}
      hitSlop={undefined}
      isTVSelectable={true}
      nativeID={undefined}
      onLayout={undefined}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        Array [
          Object {
            "backgroundColor": "transparent",
          },
          undefined,
        ]
      }
      testID={undefined}
      tvParallaxProperties={undefined}
    >
      <View
        style={
          Array [
            Object {
              "alignItems": "center",
              "borderBottomColor": "#ddd",
              "borderBottomWidth": 0.5,
              "flexDirection": "row",
              "paddingHorizontal": 16,
              "paddingVertical": 12,
            },
            undefined,
          ]
        }
      >
        <View
          style={
            Array [
              Object {
                "alignItems": "center",
                "justifyContent": "center",
              },
              Object {
                "backgroundColor": undefined,
                "borderRadius": 4,
                "height": 46,
                "width": 46,
              },
              undefined,
            ]
          }
        >
          <Text
            accessible={true}
            allowFontScaling={false}
            ellipsizeMode="tail"
            style={
              Array [
                Object {
                  "color": "#ffffff",
                },
                Object {
                  "fontSize": 23,
                },
              ]
            }
          >
            
          </Text>
          
          <View
            style={
              Array [
                Object {
                  "borderRadius": 16,
                  "height": 16,
                  "width": 16,
                },
                Object {
                  "borderColor": "#fff",
                  "borderWidth": 3,
                  "bottom": -3,
                  "position": "absolute",
                  "right": -3,
                },
                Object {
                  "backgroundColor": "#cbced1",
                },
              ]
            }
          />
        </View>
        <View
          style={
            Object {
              "flex": 1,
              "height": "100%",
              "marginLeft": 16,
              "marginRight": 4,
            }
          }
        >
          <View
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Array [
                  Object {
                    "color": "#444",
                    "flex": 1,
                    "fontSize": 18,
                    "marginRight": 8,
                  },
                  undefined,
                ]
              }
            >
              
            </Text>
            <Text
              accessible={true}
              allowFontScaling={true}
              ellipsizeMode="tail"
              numberOfLines={1}
              style={
                Object {
                  "alignItems": "center",
                  "color": "#888",
                  "fontSize": 10,
                  "justifyContent": "center",
                }
              }
            >
              Nov 10
            </Text>
          </View>
          <View
            style={
              Object {
                "alignItems": "flex-end",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "flex-end",
                "width": "100%",
              }
            }
          />
        </View>
      </View>
    </View>
  </View>
</RCTScrollView>
`;