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

exports[`SortButton renders without error 1`] = `
[
  <View
    style={
      {
        "alignItems": "center",
        "backgroundColor": {
          "dynamic": {
            "dark": "rgba(255,255,255,0.12)",
            "light": "rgba(34,34,34,0.05)",
          },
        },
        "borderBottomLeftRadius": 20,
        "borderBottomRightRadius": 20,
        "borderTopLeftRadius": 20,
        "borderTopRightRadius": 20,
        "flexDirection": "row",
        "gap": 4,
        "justifyContent": "center",
        "paddingLeft": 12,
        "paddingRight": 8,
      }
    }
  >
    <View
      collapsable={false}
      focusVisibleStyle={{}}
      forwardedRef={[Function]}
      jestAnimatedStyle={
        {
          "value": {},
        }
      }
      onBlur={[Function]}
      onClick={[Function]}
      onFocus={[Function]}
      onLayout={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      role="button"
      style={
        {
          "backgroundColor": "transparent",
          "borderBottomLeftRadius": 12,
          "borderBottomRightRadius": 12,
          "borderTopLeftRadius": 12,
          "borderTopRightRadius": 12,
          "flexDirection": "column",
          "opacity": 1,
          "transform": [
            {
              "scale": 1,
            },
          ],
        }
      }
    >
      <View
        collapsable={false}
        onBlur={[Function]}
        onFocus={[Function]}
        style={
          {
            "alignItems": "center",
            "color": {
              "dynamic": {
                "dark": "#FFFFFF",
                "light": "#222222",
              },
            },
            "flexDirection": "row",
            "gap": 8,
            "justifyContent": "center",
            "paddingBottom": 8,
            "paddingTop": 8,
          }
        }
        testID="dropdown-toggle"
      >
        <Text
          allowFontScaling={true}
          lineBreakMode="clip"
          maxFontSizeMultiplier={1.2}
          numberOfLines={1}
          onBlur={[Function]}
          onFocus={[Function]}
          style={
            {
              "color": {
                "dynamic": {
                  "dark": "rgba(255, 255, 255, 0.65)",
                  "light": "rgba(19, 19, 19, 0.63)",
                },
              },
              "flexShrink": 1,
              "fontFamily": "Basel Grotesk",
              "fontSize": 15,
              "fontWeight": "500",
              "lineHeight": 17.25,
            }
          }
          suppressHighlighting={true}
        >
          Volume
        </Text>
        <View
          collapsable={false}
          forwardedRef={[Function]}
          jestAnimatedStyle={
            {
              "value": {
                "borderBottomLeftRadius": 999999,
                "borderBottomRightRadius": 999999,
                "borderTopLeftRadius": 999999,
                "borderTopRightRadius": 999999,
                "transform": [
                  {
                    "rotate": "270deg",
                  },
                ],
              },
            }
          }
          onBlur={[Function]}
          onFocus={[Function]}
          style={
            {
              "alignItems": "center",
              "borderBottomLeftRadius": 999999,
              "borderBottomRightRadius": 999999,
              "borderTopLeftRadius": 999999,
              "borderTopRightRadius": 999999,
              "flexDirection": "column",
              "justifyContent": "center",
              "transform": [
                {
                  "rotate": "270deg",
                },
              ],
            }
          }
        >
          <RNSVGSvgView
            align="xMidYMid"
            bbHeight={20}
            bbWidth={20}
            fill="none"
            focusable={false}
            meetOrSlice={0}
            minX={0}
            minY={0}
            strokeWidth={8}
            style={
              [
                {
                  "backgroundColor": "transparent",
                  "borderWidth": 0,
                },
                {
                  "color": "rgba(19, 19, 19, 0.63)",
                  "height": 20,
                  "width": 20,
                },
                {
                  "flex": 0,
                  "height": 20,
                  "width": 20,
                },
              ]
            }
            vbHeight={24}
            vbWidth={24}
          >
            <RNSVGGroup
              color="rgba(19, 19, 19, 0.63)"
              fill={null}
              propList={
                [
                  "fill",
                  "strokeWidth",
                ]
              }
              strokeWidth={8}
            >
              <RNSVGPath
                clipRule={0}
                d="M15.7071 5.29289C16.0976 5.68342 16.0976 6.31658 15.7071 6.70711L10.4142 12L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071C15.3166 19.0976 14.6834 19.0976 14.2929 18.7071L8.2929 12.7071C7.9024 12.3166 7.9024 11.6834 8.2929 11.2929L14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289Z"
                fill={
                  {
                    "type": 2,
                  }
                }
                fillRule={0}
                propList={
                  [
                    "fill",
                    "fillRule",
                  ]
                }
              />
            </RNSVGGroup>
          </RNSVGSvgView>
        </View>
      </View>
    </View>
  </View>,
  <View
    pointerEvents="box-none"
    style={
      {
        "bottom": 0,
        "flexDirection": "column",
        "left": 0,
        "maxWidth": "100%",
        "position": "absolute",
        "right": 0,
        "top": 0,
        "zIndex": 1070,
      }
    }
  />,
]
`;
