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

exports[`SortButton renders without error 1`] = `
[
  <View
    hitSlop={
      {
        "bottom": 5,
        "left": 5,
        "right": 5,
        "top": 5,
      }
    }
    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,
                },
              ]
            }
            tintColor="#7D7D7D"
            vbHeight={24}
            vbWidth={24}
          >
            <RNSVGGroup
              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,
      }
    }
  />,
]
`;
