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

exports[`CustomTabBar with advanced user layout should render correctly 1`] = `
<View
  collapsable={false}
  pointerEvents="box-none"
  style={
    {
      "flex": 1,
    }
  }
>
  <View
    className="flex-1"
    style={
      {
        "flex": 1,
      }
    }
  >
    <View
      accessibilityRole="tablist"
      style={
        [
          [
            {
              "flexDirection": "row",
            },
            {
              "backgroundColor": "#ffffff",
            },
            {
              "justifyContent": "space-around",
            },
            {
              "paddingBottom": 4,
              "paddingLeft": 4,
              "paddingRight": 4,
              "paddingTop": 4,
            },
            {
              "marginBottom": 0,
              "marginLeft": 0,
              "marginRight": 0,
              "marginTop": 0,
            },
            {
              "elevation": 20,
              "shadowColor": "rgba( 0, 0, 0, 0.25 )",
              "shadowOffset": {
                "height": -2,
                "width": 0,
              },
              "shadowOpacity": 0.25,
              "shadowRadius": 2,
            },
          ],
        ]
      }
      testID="CustomTabBar"
    >
      <View
        accessibilityHint="Opens the side drawer menu."
        accessibilityLabel="Menu"
        accessibilityRole="tab"
        accessibilityState={
          {
            "busy": undefined,
            "checked": undefined,
            "disabled": false,
            "expanded": undefined,
            "selected": false,
          }
        }
        accessibilityValue={
          {
            "max": undefined,
            "min": undefined,
            "now": undefined,
            "text": undefined,
          }
        }
        accessible={true}
        collapsable={false}
        focusable={true}
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          [
            [
              {
                "alignItems": "center",
              },
              {
                "justifyContent": "flex-end",
              },
            ],
          ]
        }
      >
        <View
          style={
            [
              [
                {
                  "height": 44,
                  "width": 44,
                },
                {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                false,
                undefined,
              ],
            ]
          }
          testID="OPEN_DRAWER"
        >
          <View
            style={
              [
                [
                  {
                    "position": "relative",
                  },
                  {
                    "left": 0.2,
                  },
                  {
                    "top": 0.1,
                  },
                ],
              ]
            }
          >
            <Text
              allowFontScaling={false}
              selectable={false}
              style={
                [
                  {
                    "color": "#454545",
                    "fontSize": 32,
                  },
                  null,
                  {
                    "fontFamily": "INatIcon",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  {},
                ]
              }
            >
              
            </Text>
          </View>
        </View>
        <Text
          maxFontSizeMultiplier={1.2}
          numberOfLines={1}
          style={
            [
              {
                "color": "#454545",
              },
              {
                "fontFamily": "Lato-Regular",
              },
              [
                {
                  "textAlign": "left",
                },
                [
                  {
                    "fontSize": 11,
                    "lineHeight": 13.2,
                  },
                  {
                    "fontFamily": "Lato-Regular",
                  },
                  [
                    {
                      "color": "#454545",
                    },
                  ],
                ],
              ],
            ]
          }
        >
          Menu
        </Text>
      </View>
      <View
        accessibilityHint="Navigates to explore"
        accessibilityLabel="Explore"
        accessibilityRole="tab"
        accessibilityState={
          {
            "busy": undefined,
            "checked": undefined,
            "disabled": false,
            "expanded": undefined,
            "selected": false,
          }
        }
        accessibilityValue={
          {
            "max": undefined,
            "min": undefined,
            "now": undefined,
            "text": undefined,
          }
        }
        accessible={true}
        collapsable={false}
        focusable={true}
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          [
            [
              {
                "alignItems": "center",
              },
              {
                "justifyContent": "flex-end",
              },
            ],
          ]
        }
      >
        <View
          style={
            [
              [
                {
                  "height": 44,
                  "width": 44,
                },
                {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                false,
                undefined,
              ],
            ]
          }
          testID="RootExplore"
        >
          <View
            style={
              [
                [
                  {
                    "position": "relative",
                  },
                  {
                    "left": 0.2,
                  },
                  {
                    "top": 0.1,
                  },
                ],
              ]
            }
          >
            <Text
              allowFontScaling={false}
              selectable={false}
              style={
                [
                  {
                    "color": "#454545",
                    "fontSize": 31,
                  },
                  null,
                  {
                    "fontFamily": "INatIcon",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  {},
                ]
              }
            >
              
            </Text>
          </View>
        </View>
        <Text
          maxFontSizeMultiplier={1.2}
          numberOfLines={1}
          style={
            [
              {
                "color": "#454545",
              },
              {
                "fontFamily": "Lato-Regular",
              },
              [
                {
                  "textAlign": "left",
                },
                [
                  {
                    "fontSize": 11,
                    "lineHeight": 13.2,
                  },
                  {
                    "fontFamily": "Lato-Regular",
                  },
                  [
                    {
                      "color": "#454545",
                    },
                  ],
                ],
              ],
            ]
          }
        >
          Explore
        </Text>
      </View>
      <View
        style={
          [
            [
              {
                "width": 69,
              },
              {
                "height": 60,
              },
            ],
          ]
        }
      >
        <View
          style={
            [
              [
                {
                  "position": "absolute",
                },
                {
                  "top": -13,
                },
              ],
            ]
          }
        >
          <View
            accessibilityHint="Shows observation creation options"
            accessibilityLabel="Add observations"
            accessibilityRole="button"
            accessibilityState={
              {
                "busy": undefined,
                "checked": undefined,
                "disabled": false,
                "expanded": undefined,
                "selected": undefined,
              }
            }
            accessibilityValue={
              {
                "max": undefined,
                "min": undefined,
                "now": undefined,
                "text": undefined,
              }
            }
            accessible={true}
            collapsable={false}
            focusable={true}
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
            onResponderGrant={[Function]}
            onResponderMove={[Function]}
            onResponderRelease={[Function]}
            onResponderTerminate={[Function]}
            onResponderTerminationRequest={[Function]}
            onStartShouldSetResponder={[Function]}
            style={
              [
                [
                  {
                    "width": 69,
                  },
                  {
                    "height": 69,
                  },
                  {
                    "marginBottom": 5,
                  },
                  {
                    "borderBottomLeftRadius": 9999,
                    "borderBottomRightRadius": 9999,
                    "borderTopLeftRadius": 9999,
                    "borderTopRightRadius": 9999,
                  },
                  {
                    "overflow": "hidden",
                  },
                  {
                    "elevation": 5,
                    "shadowColor": "rgba( 0, 0, 0, 0.25 )",
                    "shadowOffset": {
                      "height": 2,
                      "width": 0,
                    },
                    "shadowOpacity": 0.25,
                    "shadowRadius": 2,
                  },
                ],
              ]
            }
            testID="add-obs-button"
          >
            <BVLinearGradient
              angle={156.95}
              colors={
                [
                  4285836288,
                  4280909703,
                ]
              }
              endPoint={
                {
                  "x": 0.5,
                  "y": 1,
                }
              }
              locations={null}
              startPoint={
                {
                  "x": 0.5,
                  "y": 0,
                }
              }
              useAngle={true}
            >
              <View
                style={
                  [
                    [
                      {
                        "flexGrow": 1,
                      },
                      {
                        "aspectRatio": 1,
                      },
                      {
                        "display": "flex",
                      },
                      {
                        "alignItems": "center",
                      },
                      {
                        "justifyContent": "center",
                      },
                    ],
                  ]
                }
              >
                <Text
                  allowFontScaling={false}
                  selectable={false}
                  style={
                    [
                      {
                        "color": "#ffffff",
                        "fontSize": 31,
                      },
                      null,
                      {
                        "fontFamily": "INatIcon",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                      },
                      {},
                    ]
                  }
                >
                  
                </Text>
              </View>
            </BVLinearGradient>
          </View>
        </View>
      </View>
      <View
        accessibilityHint="Navigates to your observations"
        accessibilityLabel="Me"
        accessibilityRole="tab"
        accessibilityState={
          {
            "busy": undefined,
            "checked": undefined,
            "disabled": false,
            "expanded": undefined,
            "selected": true,
          }
        }
        accessibilityValue={
          {
            "max": undefined,
            "min": undefined,
            "now": undefined,
            "text": undefined,
          }
        }
        accessible={true}
        collapsable={false}
        focusable={true}
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          [
            [
              {
                "alignItems": "center",
              },
              {
                "justifyContent": "flex-end",
              },
            ],
          ]
        }
      >
        <View
          style={
            [
              [
                {
                  "height": 44,
                  "width": 44,
                },
                {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                false,
                undefined,
              ],
            ]
          }
          testID="NavButton.personIcon"
        >
          <View
            style={
              [
                [
                  {
                    "position": "relative",
                  },
                  {
                    "left": 0.2,
                  },
                  {
                    "top": 0.1,
                  },
                ],
              ]
            }
          >
            <Text
              allowFontScaling={false}
              selectable={false}
              style={
                [
                  {
                    "color": "#74AC00",
                    "fontSize": 40,
                  },
                  null,
                  {
                    "fontFamily": "INatIcon",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  {},
                ]
              }
            >
              
            </Text>
          </View>
        </View>
        <Text
          maxFontSizeMultiplier={1.2}
          numberOfLines={1}
          style={
            [
              {
                "color": "#454545",
              },
              {
                "fontFamily": "Lato-Regular",
              },
              [
                {
                  "textAlign": "left",
                },
                [
                  {
                    "fontSize": 11,
                    "lineHeight": 13.2,
                  },
                  {
                    "fontFamily": "Lato-Regular",
                  },
                  [
                    {
                      "color": "#74AC00",
                    },
                  ],
                ],
              ],
            ]
          }
        >
          Me
        </Text>
      </View>
      <View
        accessibilityHint="Navigates to notifications"
        accessibilityLabel="Activity"
        accessibilityRole="tab"
        accessibilityState={
          {
            "busy": undefined,
            "checked": undefined,
            "disabled": false,
            "expanded": undefined,
            "selected": false,
          }
        }
        accessibilityValue={
          {
            "max": undefined,
            "min": undefined,
            "now": undefined,
            "text": undefined,
          }
        }
        accessible={true}
        collapsable={false}
        focusable={true}
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          [
            [
              {
                "alignItems": "center",
              },
              {
                "justifyContent": "flex-end",
              },
            ],
          ]
        }
      >
        <View
          style={
            [
              [
                {
                  "height": 44,
                  "width": 44,
                },
                {
                  "alignItems": "center",
                  "justifyContent": "center",
                },
                false,
                undefined,
              ],
            ]
          }
          testID="Notifications"
        >
          <View
            style={
              [
                [
                  {
                    "position": "relative",
                  },
                  {
                    "left": 0.2,
                  },
                  {
                    "top": 0.1,
                  },
                ],
              ]
            }
          >
            <Text
              allowFontScaling={false}
              selectable={false}
              style={
                [
                  {
                    "color": "#454545",
                    "fontSize": 32,
                  },
                  null,
                  {
                    "fontFamily": "INatIcon",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                  },
                  {},
                ]
              }
            >
              
            </Text>
          </View>
        </View>
        <Text
          maxFontSizeMultiplier={1.2}
          numberOfLines={1}
          style={
            [
              {
                "color": "#454545",
              },
              {
                "fontFamily": "Lato-Regular",
              },
              [
                {
                  "textAlign": "left",
                },
                [
                  {
                    "fontSize": 11,
                    "lineHeight": 13.2,
                  },
                  {
                    "fontFamily": "Lato-Regular",
                  },
                  [
                    {
                      "color": "#454545",
                    },
                  ],
                ],
              ],
            ]
          }
        >
          Activity
        </Text>
      </View>
    </View>
  </View>
</View>
`;
