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

exports[`TokenItem renders without error 1`] = `
<View
  actions={[]}
  onPress={[MockFunction]}
>
  <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,
          },
        ],
      }
    }
    testID="token-item-tkn"
  >
    <View
      collapsable={false}
      style={
        {
          "alignItems": "center",
          "flexDirection": "row",
          "flexGrow": 1,
          "gap": 12,
          "paddingBottom": 8,
          "paddingLeft": 24,
          "paddingRight": 24,
          "paddingTop": 8,
        }
      }
    >
      <View
        style={
          {
            "alignItems": "center",
            "flexDirection": "row",
            "gap": 4,
            "justifyContent": "center",
          }
        }
      >
        <View
          style={
            {
              "flexDirection": "column",
              "marginRight": 8,
              "minWidth": 16,
            }
          }
        >
          <Text
            allowFontScaling={true}
            maxFontSizeMultiplier={1.4}
            style={
              {
                "color": {
                  "dynamic": {
                    "dark": "#9B9B9B",
                    "light": "#7D7D7D",
                  },
                },
                "fontFamily": "Basel Grotesk",
                "fontSize": 15,
                "fontWeight": "400",
                "lineHeight": 20,
              }
            }
            suppressHighlighting={true}
          >
            1
          </Text>
        </View>
        <View
          pointerEvents="auto"
          style={
            {
              "alignItems": "center",
              "flexDirection": "column",
              "height": 40,
              "justifyContent": "center",
              "position": "relative",
              "width": 40,
            }
          }
          testID="token-logo"
        >
          <View
            style={
              {
                "backgroundColor": "#FFFFFF",
                "borderBottomLeftRadius": 20,
                "borderBottomRightRadius": 20,
                "borderTopLeftRadius": 20,
                "borderTopRightRadius": 20,
                "flexDirection": "column",
                "height": "96%",
                "left": "2%",
                "opacity": 0,
                "position": "absolute",
                "top": "2%",
                "width": "96%",
                "zIndex": 0,
              }
            }
          />
          <Image
            height={40}
            onError={[Function]}
            onLoad={[Function]}
            source={
              {
                "uri": "https://loremflickr.com/640/480",
              }
            }
            style={
              {
                "aspectRatio": undefined,
                "borderRadius": 20,
                "flex": undefined,
                "zIndex": 1,
              }
            }
            testID="img-token-image"
            width={40}
          />
        </View>
      </View>
      <View
        style={
          {
            "flex": 1,
            "flexDirection": "column",
            "flexShrink": 1,
            "gap": 2,
          }
        }
      >
        <Text
          allowFontScaling={true}
          maxFontSizeMultiplier={1.4}
          numberOfLines={1}
          style={
            {
              "color": {
                "dynamic": {
                  "dark": "#FFFFFF",
                  "light": "#222222",
                },
              },
              "fontFamily": "Basel Grotesk",
              "fontSize": 19,
              "fontWeight": "400",
              "lineHeight": 24,
            }
          }
          suppressHighlighting={true}
        >
          tkn
        </Text>
        <Text
          allowFontScaling={true}
          maxFontSizeMultiplier={1.4}
          numberOfLines={1}
          style={
            {
              "color": {
                "dynamic": {
                  "dark": "#9B9B9B",
                  "light": "#7D7D7D",
                },
              },
              "fontFamily": "Basel Grotesk",
              "fontSize": 17,
              "fontWeight": "400",
              "lineHeight": 24,
            }
          }
          suppressHighlighting={true}
          testID="token-item/metadata-subtitle"
        />
      </View>
      <View
        onLayout={[Function]}
        style={
          {
            "alignItems": "center",
            "flexDirection": "row",
            "justifyContent": "flex-end",
          }
        }
      >
        <View
          style={
            {
              "flexDirection": "row",
            }
          }
        >
          <View
            style={
              {
                "alignItems": "flex-end",
                "flexDirection": "column",
                "gap": 4,
                "minWidth": 70,
              }
            }
          >
            <Text
              allowFontScaling={true}
              maxFontSizeMultiplier={1.4}
              style={
                {
                  "color": {
                    "dynamic": {
                      "dark": "#FFFFFF",
                      "light": "#222222",
                    },
                  },
                  "fontFamily": "Basel Grotesk",
                  "fontSize": 19,
                  "fontWeight": "400",
                  "lineHeight": 24,
                }
              }
              suppressHighlighting={true}
              testID="token-item/price"
            >
              -
            </Text>
            <View
              style={
                {
                  "alignItems": "center",
                  "flexDirection": "row",
                  "gap": 2,
                  "justifyContent": "flex-start",
                }
              }
              testID="relative-change"
            >
              <View
                style={
                  {
                    "flexDirection": "column",
                  }
                }
              >
                <Text
                  allowFontScaling={true}
                  maxFontSizeMultiplier={1.4}
                  style={
                    {
                      "color": {
                        "dynamic": {
                          "dark": "#9B9B9B",
                          "light": "#7D7D7D",
                        },
                      },
                      "fontFamily": "Basel Grotesk",
                      "fontSize": 17,
                      "fontWeight": "400",
                      "lineHeight": 24,
                    }
                  }
                  suppressHighlighting={true}
                  testID="portfolio-relative-change"
                >
                  -
                </Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
  </View>
</View>
`;
