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

exports[`SortButton renders without error 1`] = `
[
  <View
    hitSlop={
      {
        "bottom": 5,
        "left": 5,
        "right": 5,
        "top": 5,
      }
    }
    onBlur={[Function]}
    onClick={[Function]}
    onFocus={[Function]}
    onResponderGrant={[Function]}
    onResponderMove={[Function]}
    onResponderRelease={[Function]}
    onResponderTerminate={[Function]}
    onResponderTerminationRequest={[Function]}
    onStartShouldSetResponder={[Function]}
    style={
      {
        "flexDirection": "column",
        "opacity": 1,
        "transform": [
          {
            "scale": 1,
          },
        ],
      }
    }
  >
    <View
      collapsable={false}
      style={
        {
          "alignItems": "center",
          "flexDirection": "row",
          "gap": 8,
          "justifyContent": "center",
          "paddingBottom": 8,
          "paddingTop": 8,
        }
      }
      testID="dropdown-toggle"
    >
      <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",
            "paddingBottom": 8,
            "paddingLeft": 12,
            "paddingRight": 8,
            "paddingTop": 8,
          }
        }
      >
        <Text
          allowFontScaling={true}
          lineBreakMode="clip"
          maxFontSizeMultiplier={1.2}
          numberOfLines={1}
          style={
            {
              "color": {
                "dynamic": {
                  "dark": "#9B9B9B",
                  "light": "#7D7D7D",
                },
              },
              "flexShrink": 1,
              "fontFamily": "Basel Grotesk",
              "fontSize": 15,
              "fontWeight": "500",
              "lineHeight": 17.25,
            }
          }
          suppressHighlighting={true}
        >
          Volume
        </Text>
        <View
          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": "#7D7D7D",
                  "height": 20,
                  "width": 20,
                },
                {
                  "flex": 0,
                  "height": 20,
                  "width": 20,
                },
              ]
            }
            vbHeight={24}
            vbWidth={24}
          >
            <RNSVGGroup
              color="#7D7D7D"
              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,
      }
    }
  />,
]
`;
