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

exports[`user about app screen should render properly and snapshot should match 1`] = `
<View
  style={
    Object {
      "flex": 1,
    }
  }
>
  <RNCSafeAreaProvider
    onInsetsChange={[Function]}
    style={
      Array [
        Object {
          "flex": 1,
        },
        undefined,
      ]
    }
  >
    <View
      pointerEvents="box-none"
      style={
        Object {
          "zIndex": 1,
        }
      }
    >
      <View
        accessibilityElementsHidden={false}
        importantForAccessibility="auto"
        onLayout={[Function]}
        pointerEvents="box-none"
        style={null}
      >
        <View
          pointerEvents="box-none"
          style={
            Object {
              "bottom": 0,
              "left": 0,
              "opacity": 1,
              "position": "absolute",
              "right": 0,
              "top": 0,
              "zIndex": 0,
            }
          }
        >
          <View
            style={
              Object {
                "backgroundColor": "rgb(255, 255, 255)",
                "borderBottomColor": "rgb(216, 216, 216)",
                "flex": 1,
                "shadowColor": "rgb(216, 216, 216)",
                "shadowOffset": Object {
                  "height": 0.5,
                  "width": 0,
                },
                "shadowOpacity": 0.85,
                "shadowRadius": 0,
              }
            }
          />
        </View>
        <View
          pointerEvents="box-none"
          style={
            Object {
              "height": 64,
              "maxHeight": undefined,
              "minHeight": undefined,
              "opacity": undefined,
              "transform": undefined,
            }
          }
        >
          <View
            pointerEvents="none"
            style={
              Object {
                "height": 20,
              }
            }
          />
          <View
            pointerEvents="box-none"
            style={
              Object {
                "alignItems": "center",
                "flex": 1,
                "flexDirection": "row",
                "justifyContent": "center",
              }
            }
          >
            <View
              pointerEvents="box-none"
              style={
                Object {
                  "marginHorizontal": 16,
                  "opacity": 1,
                }
              }
            >
              <Text
                accessibilityRole="header"
                aria-level="1"
                collapsable={false}
                nativeID="animatedComponent"
                numberOfLines={1}
                onLayout={[Function]}
                style={
                  Object {
                    "color": "rgb(28, 28, 30)",
                    "fontSize": 17,
                    "fontWeight": "600",
                  }
                }
              >
                MockedScreen
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
    <RNSScreenContainer
      onLayout={[Function]}
      style={
        Object {
          "flex": 1,
        }
      }
    >
      <RNSScreen
        activityState={2}
        forwardedRef={[Function]}
        pointerEvents="box-none"
        style={
          Object {
            "bottom": 0,
            "left": 0,
            "position": "absolute",
            "right": 0,
            "top": 0,
          }
        }
      >
        <View
          collapsable={false}
          style={
            Object {
              "opacity": 1,
            }
          }
        />
        <View
          accessibilityElementsHidden={false}
          closing={false}
          gestureVelocityImpact={0.3}
          importantForAccessibility="auto"
          onClose={[Function]}
          onGestureBegin={[Function]}
          onGestureCanceled={[Function]}
          onGestureEnd={[Function]}
          onOpen={[Function]}
          onTransitionStart={[Function]}
          pointerEvents="box-none"
          style={
            Object {
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
            }
          }
          transitionSpec={
            Object {
              "close": Object {
                "animation": "spring",
                "config": Object {
                  "damping": 500,
                  "mass": 3,
                  "overshootClamping": true,
                  "restDisplacementThreshold": 10,
                  "restSpeedThreshold": 10,
                  "stiffness": 1000,
                },
              },
              "open": Object {
                "animation": "spring",
                "config": Object {
                  "damping": 500,
                  "mass": 3,
                  "overshootClamping": true,
                  "restDisplacementThreshold": 10,
                  "restSpeedThreshold": 10,
                  "stiffness": 1000,
                },
              },
            }
          }
        >
          <View
            collapsable={false}
            nativeID="animatedComponent"
            needsOffscreenAlphaCompositing={false}
            pointerEvents="box-none"
            style={
              Object {
                "flex": 1,
              }
            }
          >
            <View
              enabled={false}
              hitSlop={
                Object {
                  "right": -270,
                }
              }
              maxDeltaY={20}
              minOffsetX={5}
              onHandlerStateChange={[Function]}
            >
              <View
                style={
                  Object {
                    "flex": 1,
                    "transform": Array [
                      Object {
                        "translateX": 0,
                      },
                      Object {
                        "translateX": 0,
                      },
                    ],
                  }
                }
              >
                <View
                  pointerEvents="none"
                  style={
                    Object {
                      "backgroundColor": "rgb(242, 242, 242)",
                      "bottom": 0,
                      "left": 0,
                      "position": "absolute",
                      "shadowColor": "#000",
                      "shadowOffset": Object {
                        "height": 1,
                        "width": -1,
                      },
                      "shadowOpacity": 0.3,
                      "shadowRadius": 5,
                      "top": 0,
                      "width": 3,
                    }
                  }
                />
                <View
                  style={
                    Array [
                      Object {
                        "flex": 1,
                        "overflow": "hidden",
                      },
                      Array [
                        Object {
                          "backgroundColor": "rgb(242, 242, 242)",
                        },
                        undefined,
                      ],
                    ]
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "flexDirection": "column-reverse",
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flex": 1,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "backgroundColor": "#ffffff",
                            "flex": 1,
                          }
                        }
                        tertiary={true}
                      >
                        <View
                          center={true}
                          doubleVerticalSpace={true}
                          style={
                            Object {
                              "alignItems": "center",
                              "justifyContent": "center",
                              "paddingVertical": 16,
                            }
                          }
                        >
                          <Image
                            source={null}
                          />
                          <View
                            center={true}
                            doubleVerticalSpace={true}
                            style={
                              Object {
                                "alignItems": "center",
                                "justifyContent": "center",
                                "paddingVertical": 16,
                              }
                            }
                          >
                            <Text
                              allowFontScaling={false}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 17,
                                  },
                                  Object {
                                    "fontFamily": "System",
                                  },
                                  Object {
                                    "backgroundColor": "#ffffff",
                                    "color": "#777777",
                                  },
                                  Object {
                                    "fontWeight": "bold",
                                  },
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                ]
                              }
                              suppressHighlighting={true}
                            >
                              AppName
                            </Text>
                          </View>
                          <View
                            center={true}
                            doubleVerticalSpace={true}
                            style={
                              Object {
                                "alignItems": "center",
                                "justifyContent": "center",
                                "paddingVertical": 16,
                              }
                            }
                          >
                            <Text
                              allowFontScaling={false}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 17,
                                  },
                                  Object {
                                    "fontFamily": "System",
                                  },
                                  Object {
                                    "backgroundColor": "#ffffff",
                                    "color": "#777777",
                                  },
                                  Object {
                                    "fontWeight": "600",
                                  },
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                ]
                              }
                              suppressHighlighting={true}
                            >
                              VERSION # 
                              1.0
                              .
                              500
                            </Text>
                          </View>
                          <View
                            center={true}
                            style={
                              Object {
                                "alignItems": "center",
                                "justifyContent": "center",
                                "paddingVertical": 8,
                              }
                            }
                            verticalSpace={true}
                          >
                            <Text
                              allowFontScaling={false}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 17,
                                  },
                                  Object {
                                    "fontFamily": "System",
                                  },
                                  Object {
                                    "backgroundColor": "#ffffff",
                                    "color": "#777777",
                                  },
                                  Object {
                                    "fontWeight": "600",
                                  },
                                  null,
                                  Object {
                                    "backgroundColor": "transparent",
                                  },
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                ]
                              }
                              suppressHighlighting={true}
                            />
                          </View>
                          <View
                            style={
                              Object {
                                "alignItems": "center",
                                "borderBottomColor": "#D8D8D8",
                                "borderBottomWidth": 2,
                                "height": 2,
                                "paddingVertical": 8,
                                "width": 140,
                              }
                            }
                            vCenter={true}
                            verticalSpace={true}
                          />
                          <View
                            doubleVerticalSpace={true}
                            style={
                              Object {
                                "paddingVertical": 16,
                              }
                            }
                          >
                            <Text
                              allowFontScaling={false}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 11,
                                  },
                                  Object {
                                    "fontFamily": "System",
                                  },
                                  Object {
                                    "backgroundColor": "#ffffff",
                                    "color": "#777777",
                                  },
                                  null,
                                  null,
                                  Object {
                                    "backgroundColor": "transparent",
                                  },
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  Object {
                                    "paddingBottom": 10,
                                  },
                                ]
                              }
                              suppressHighlighting={true}
                            >
                              built by
                            </Text>
                            <Text
                              style={
                                Object {
                                  "color": "#777777",
                                  "fontFamily": "System",
                                  "fontSize": 23,
                                  "fontWeight": "600",
                                  "marginTop": -12,
                                }
                              }
                            >
                              Your Company
                            </Text>
                          </View>
                          <View
                            style={
                              Object {
                                "paddingVertical": 8,
                              }
                            }
                            verticalSpace={true}
                          >
                            <Text
                              allowFontScaling={false}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 11,
                                  },
                                  Object {
                                    "fontFamily": "System",
                                  },
                                  Object {
                                    "backgroundColor": "#ffffff",
                                    "color": "#777777",
                                  },
                                  null,
                                  null,
                                  Object {
                                    "backgroundColor": "transparent",
                                  },
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  null,
                                  Object {
                                    "paddingBottom": 5,
                                  },
                                ]
                              }
                              suppressHighlighting={true}
                            >
                              powered by
                            </Text>
                            <Image
                              source={
                                Object {
                                  "default": "RelativeImageStub",
                                }
                              }
                            />
                          </View>
                        </View>
                        <View
                          style={
                            Object {
                              "flex": 1,
                            }
                          }
                        >
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                          >
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "backgroundColor": "#ffffff",
                                  "borderColor": "#bcbbc1",
                                  "flexDirection": "row",
                                  "padding": 14,
                                }
                              }
                              testID="padView"
                            >
                              <View
                                style={
                                  Object {
                                    "alignItems": "flex-start",
                                    "flex": 1,
                                    "justifyContent": "center",
                                  }
                                }
                                theme={
                                  Object {
                                    "colors": Object {
                                      "black": "#242424",
                                      "disabled": "hsl(208, 8%, 90%)",
                                      "divider": "#bcbbc1",
                                      "error": "#ff190c",
                                      "grey0": "#393e42",
                                      "grey1": "#43484d",
                                      "grey2": "#5e6977",
                                      "grey3": "#86939e",
                                      "grey4": "#bdc6cf",
                                      "grey5": "#e1e8ee",
                                      "greyOutline": "#bbb",
                                      "platform": Object {
                                        "android": Object {
                                          "error": "#f44336",
                                          "grey": "rgba(0, 0, 0, 0.54)",
                                          "primary": "#2196f3",
                                          "secondary": "#9C27B0",
                                          "success": "#4caf50",
                                          "warning": "#ffeb3b",
                                        },
                                        "ios": Object {
                                          "error": "#ff3b30",
                                          "grey": "#7d7d7d",
                                          "primary": "#007aff",
                                          "searchBg": "#dcdce1",
                                          "secondary": "#5856d6",
                                          "success": "#4cd964",
                                          "warning": "#ffcc00",
                                        },
                                      },
                                      "primary": "#2089dc",
                                      "searchBg": "#303337",
                                      "secondary": "#ca71eb",
                                      "success": "#52c41a",
                                      "warning": "#faad14",
                                      "white": "#ffffff",
                                    },
                                  }
                                }
                              >
                                <View
                                  style={Object {}}
                                >
                                  <Text
                                    allowFontScaling={false}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 17,
                                        },
                                        Object {
                                          "fontFamily": "System",
                                        },
                                        Object {
                                          "backgroundColor": "#ffffff",
                                          "color": "#777777",
                                        },
                                        Object {
                                          "fontWeight": "600",
                                        },
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                      ]
                                    }
                                    suppressHighlighting={true}
                                  >
                                    Terms and Conditions
                                  </Text>
                                </View>
                              </View>
                              <View
                                style={
                                  Object {
                                    "paddingLeft": 16,
                                  }
                                }
                              />
                              <View
                                collapsable={false}
                                nativeID="animatedComponent"
                                style={
                                  Object {
                                    "transform": Array [
                                      Object {
                                        "scale": 1,
                                      },
                                    ],
                                  }
                                }
                              >
                                <RNSVGSvgView
                                  align="xMidYMid"
                                  bbHeight={22.97142857142857}
                                  bbWidth={22.97142857142857}
                                  color={4289045925}
                                  fill="#A5A5A5"
                                  focusable={false}
                                  height={22.97142857142857}
                                  meetOrSlice={0}
                                  minX={0}
                                  minY={0}
                                  style={
                                    Array [
                                      Object {
                                        "backgroundColor": "transparent",
                                        "borderWidth": 0,
                                      },
                                      Object {
                                        "flex": 0,
                                        "height": 22,
                                        "width": 22,
                                      },
                                    ]
                                  }
                                  tintColor={4289045925}
                                  vbHeight={24}
                                  vbWidth={24}
                                  width={22.97142857142857}
                                >
                                  <RNSVGGroup
                                    fill={4289045925}
                                    propList={
                                      Array [
                                        "fill",
                                      ]
                                    }
                                  >
                                    <RNSVGGroup>
                                      <RNSVGGroup>
                                        <RNSVGRect
                                          height="24"
                                          matrix={
                                            Array [
                                              6.123233995736766e-17,
                                              -1,
                                              1,
                                              6.123233995736766e-17,
                                              0,
                                              24,
                                            ]
                                          }
                                          opacity={0}
                                          width="24"
                                          x={0}
                                          y={0}
                                        />
                                        <RNSVGPath
                                          d="M10.5 17a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L13.1 12 9.92 8.69a1 1 0 0 1 0-1.41 1 1 0 0 1 1.42 0l3.86 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-.7.32z"
                                        />
                                      </RNSVGGroup>
                                    </RNSVGGroup>
                                  </RNSVGGroup>
                                </RNSVGSvgView>
                              </View>
                            </View>
                          </View>
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                          >
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "backgroundColor": "#ffffff",
                                  "borderColor": "#bcbbc1",
                                  "flexDirection": "row",
                                  "padding": 14,
                                }
                              }
                              testID="padView"
                            >
                              <View
                                style={
                                  Object {
                                    "alignItems": "flex-start",
                                    "flex": 1,
                                    "justifyContent": "center",
                                  }
                                }
                                theme={
                                  Object {
                                    "colors": Object {
                                      "black": "#242424",
                                      "disabled": "hsl(208, 8%, 90%)",
                                      "divider": "#bcbbc1",
                                      "error": "#ff190c",
                                      "grey0": "#393e42",
                                      "grey1": "#43484d",
                                      "grey2": "#5e6977",
                                      "grey3": "#86939e",
                                      "grey4": "#bdc6cf",
                                      "grey5": "#e1e8ee",
                                      "greyOutline": "#bbb",
                                      "platform": Object {
                                        "android": Object {
                                          "error": "#f44336",
                                          "grey": "rgba(0, 0, 0, 0.54)",
                                          "primary": "#2196f3",
                                          "secondary": "#9C27B0",
                                          "success": "#4caf50",
                                          "warning": "#ffeb3b",
                                        },
                                        "ios": Object {
                                          "error": "#ff3b30",
                                          "grey": "#7d7d7d",
                                          "primary": "#007aff",
                                          "searchBg": "#dcdce1",
                                          "secondary": "#5856d6",
                                          "success": "#4cd964",
                                          "warning": "#ffcc00",
                                        },
                                      },
                                      "primary": "#2089dc",
                                      "searchBg": "#303337",
                                      "secondary": "#ca71eb",
                                      "success": "#52c41a",
                                      "warning": "#faad14",
                                      "white": "#ffffff",
                                    },
                                  }
                                }
                              >
                                <View
                                  style={Object {}}
                                >
                                  <Text
                                    allowFontScaling={false}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 17,
                                        },
                                        Object {
                                          "fontFamily": "System",
                                        },
                                        Object {
                                          "backgroundColor": "#ffffff",
                                          "color": "#777777",
                                        },
                                        Object {
                                          "fontWeight": "600",
                                        },
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                        null,
                                      ]
                                    }
                                    suppressHighlighting={true}
                                  >
                                    Privacy Policy
                                  </Text>
                                </View>
                              </View>
                              <View
                                style={
                                  Object {
                                    "paddingLeft": 16,
                                  }
                                }
                              />
                              <View
                                collapsable={false}
                                nativeID="animatedComponent"
                                style={
                                  Object {
                                    "transform": Array [
                                      Object {
                                        "scale": 1,
                                      },
                                    ],
                                  }
                                }
                              >
                                <RNSVGSvgView
                                  align="xMidYMid"
                                  bbHeight={22.97142857142857}
                                  bbWidth={22.97142857142857}
                                  color={4289045925}
                                  fill="#A5A5A5"
                                  focusable={false}
                                  height={22.97142857142857}
                                  meetOrSlice={0}
                                  minX={0}
                                  minY={0}
                                  style={
                                    Array [
                                      Object {
                                        "backgroundColor": "transparent",
                                        "borderWidth": 0,
                                      },
                                      Object {
                                        "flex": 0,
                                        "height": 22,
                                        "width": 22,
                                      },
                                    ]
                                  }
                                  tintColor={4289045925}
                                  vbHeight={24}
                                  vbWidth={24}
                                  width={22.97142857142857}
                                >
                                  <RNSVGGroup
                                    fill={4289045925}
                                    propList={
                                      Array [
                                        "fill",
                                      ]
                                    }
                                  >
                                    <RNSVGGroup>
                                      <RNSVGGroup>
                                        <RNSVGRect
                                          height="24"
                                          matrix={
                                            Array [
                                              6.123233995736766e-17,
                                              -1,
                                              1,
                                              6.123233995736766e-17,
                                              0,
                                              24,
                                            ]
                                          }
                                          opacity={0}
                                          width="24"
                                          x={0}
                                          y={0}
                                        />
                                        <RNSVGPath
                                          d="M10.5 17a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L13.1 12 9.92 8.69a1 1 0 0 1 0-1.41 1 1 0 0 1 1.42 0l3.86 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-.7.32z"
                                        />
                                      </RNSVGGroup>
                                    </RNSVGGroup>
                                  </RNSVGGroup>
                                </RNSVGSvgView>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </RNSScreen>
    </RNSScreenContainer>
  </RNCSafeAreaProvider>
</View>
`;
