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

exports[`DappLogoWithTxStatus renders without error with dapp name 1`] = `
<View
  collapsable={false}
  jestAnimatedStyle={
    {
      "value": {
        "opacity": 0,
      },
    }
  }
  style={
    {
      "height": undefined,
      "opacity": 0,
      "width": "100%",
    }
  }
>
  <View
    style={
      [
        {
          "overflow": "hidden",
        },
        [
          {
            "alignSelf": "center",
            "transform": [
              {
                "scale": 1.01,
              },
            ],
          },
          {
            "borderRadius": 4,
            "height": 40,
            "width": 40,
          },
          {
            "aspectRatio": 1,
          },
        ],
      ]
    }
  >
    <FastImageView
      defaultSource={null}
      onFastImageError={[Function]}
      onFastImageLoad={[Function]}
      resizeMode="contain"
      style={
        {
          "bottom": 0,
          "left": 0,
          "position": "absolute",
          "right": 0,
          "top": 0,
        }
      }
      testID="dapp-image"
    />
  </View>
</View>
`;

exports[`DappLogoWithWCBadge renders without error 1`] = `
<View
  style={
    {
      "flexDirection": "column",
      "height": 44,
      "width": 44,
    }
  }
>
  <View
    style={
      {
        "flexDirection": "column",
        "left": 2,
        "top": 0,
      }
    }
  >
    <Image
      source={
        {
          "uri": "https://example.com/dapp.png",
        }
      }
      style={
        {
          "aspectRatio": undefined,
          "backgroundColor": undefined,
          "borderRadius": 4,
          "flex": undefined,
          "height": 40,
          "resizeMode": "contain",
          "width": 40,
        }
      }
      testID="dapp-image"
    />
  </View>
  <View
    style={
      {
        "bottom": -2,
        "flexDirection": "column",
        "position": "absolute",
        "right": -2,
      }
    }
  >
    <View
      style={
        {
          "borderBottomColor": "#FFFFFF",
          "borderBottomLeftRadius": 7,
          "borderBottomRightRadius": 7,
          "borderBottomWidth": 2,
          "borderLeftColor": "#FFFFFF",
          "borderLeftWidth": 2,
          "borderRightColor": "#FFFFFF",
          "borderRightWidth": 2,
          "borderStyle": "solid",
          "borderTopColor": "#FFFFFF",
          "borderTopLeftRadius": 7,
          "borderTopRightRadius": 7,
          "borderTopWidth": 2,
          "flexDirection": "column",
        }
      }
    >
      <View
        style={
          {
            "borderColor": "#FFFFFF",
            "borderRadius": 6,
            "flexDirection": "column",
            "overflow": "hidden",
          }
        }
        testID="network-logo"
      >
        <div
          className="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
          dir={null}
          style={
            {
              "height": "16px",
              "width": "16px",
            }
          }
        >
          <div
            className="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
            dir={null}
            suppressHydrationWarning={true}
          />
        </div>
      </View>
    </View>
  </View>
</View>
`;

exports[`LogoWithTxStatus renders without error 1`] = `
<View
  style={
    {
      "alignItems": "center",
      "flexDirection": "column",
      "height": 40,
      "justifyContent": "center",
      "width": 40,
    }
  }
>
  <View
    style={
      {
        "alignItems": "center",
        "flexDirection": "column",
        "height": 40,
        "justifyContent": "center",
        "width": 40,
      }
    }
    testID="token-logo"
  >
    <View
      style={
        {
          "flexDirection": "column",
        }
      }
      testID="img-token-image"
    >
      <img
        height={40}
        src="https://token-icons.s3.amazonaws.com/eth.png"
        style={
          {
            "aspectRatio": undefined,
            "backgroundColor": "#2222220D",
            "borderRadius": 20,
            "objectFit": "contain",
          }
        }
        width={40}
      />
    </View>
  </View>
  <View
    style={
      {
        "bottom": -4,
        "flexDirection": "column",
        "position": "absolute",
        "right": -4,
      }
    }
  >
    <RNSVGSvgView
      align="xMidYMid"
      bbHeight="20"
      bbWidth="20"
      fill="#7D7D7D"
      focusable={false}
      meetOrSlice={0}
      minX={0}
      minY={0}
      strokeWidth={8}
      style={
        [
          {
            "backgroundColor": "transparent",
            "borderWidth": 0,
          },
          {
            "color": "#F9F9F9",
            "height": 20,
            "width": 20,
          },
          {
            "flex": 0,
            "height": 20,
            "width": 20,
          },
        ]
      }
      testID="status-icon"
      tintColor="#F9F9F9"
      vbHeight={16}
      vbWidth={16}
    >
      <RNSVGGroup
        fill={
          {
            "payload": 4286414205,
            "type": 0,
          }
        }
        propList={
          [
            "fill",
            "strokeWidth",
          ]
        }
        strokeWidth="8"
      >
        <RNSVGPath
          d="M7.99968 14.6668C11.6816 14.6668 14.6663 11.6821 14.6663 8.00016C14.6663 4.31826 11.6816 1.3335 7.99968 1.3335C4.31778 1.3335 1.33301 4.31826 1.33301 8.00016C1.33301 11.6821 4.31778 14.6668 7.99968 14.6668Z"
          fill={
            {
              "payload": 4278190080,
              "type": 0,
            }
          }
          propList={
            [
              "stroke",
              "strokeWidth",
              "strokeLinecap",
              "strokeLinejoin",
            ]
          }
          stroke={
            {
              "type": 2,
            }
          }
          strokeLinecap={1}
          strokeLinejoin={1}
          strokeWidth="1.5"
        />
        <RNSVGPath
          d="M10.6663 8.00032L7.99965 5.33365L5.33299 8.00032"
          fill={
            {
              "payload": 4278190080,
              "type": 0,
            }
          }
          propList={
            [
              "stroke",
              "strokeWidth",
              "strokeLinecap",
              "strokeLinejoin",
            ]
          }
          stroke={
            {
              "type": 2,
            }
          }
          strokeLinecap={1}
          strokeLinejoin={1}
          strokeWidth="1.5"
        />
        <RNSVGPath
          d="M7.99933 10.6668V5.33349"
          fill={
            {
              "payload": 4278190080,
              "type": 0,
            }
          }
          propList={
            [
              "stroke",
              "strokeWidth",
              "strokeLinecap",
              "strokeLinejoin",
            ]
          }
          stroke={
            {
              "type": 2,
            }
          }
          strokeLinecap={1}
          strokeLinejoin={1}
          strokeWidth="1.5"
        />
      </RNSVGGroup>
    </RNSVGSvgView>
  </View>
</View>
`;
