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

exports[`SwapScreen should match snapshot 1`] = `
<RCTSafeAreaView
  style={
    {
      "backgroundColor": "#F8F9FA",
      "flex": 1,
    }
  }
>
  <RCTScrollView
    contentContainerStyle={
      {
        "padding": 16,
      }
    }
    style={
      {
        "flex": 1,
      }
    }
  >
    <View>
      <View
        style={
          {
            "flexDirection": "row",
            "justifyContent": "flex-end",
            "marginBottom": 12,
          }
        }
      >
        <View
          accessibilityState={
            {
              "busy": undefined,
              "checked": undefined,
              "disabled": undefined,
              "expanded": undefined,
              "selected": undefined,
            }
          }
          accessibilityValue={
            {
              "max": undefined,
              "min": undefined,
              "now": undefined,
              "text": undefined,
            }
          }
          accessible={true}
          collapsable={false}
          focusable={true}
          onClick={[Function]}
          onResponderGrant={[Function]}
          onResponderMove={[Function]}
          onResponderRelease={[Function]}
          onResponderTerminate={[Function]}
          onResponderTerminationRequest={[Function]}
          onStartShouldSetResponder={[Function]}
          style={
            {
              "alignItems": "center",
              "backgroundColor": "#F5F5F5",
              "borderRadius": 20,
              "height": 40,
              "justifyContent": "center",
              "opacity": 1,
              "width": 40,
            }
          }
        >
          <Text
            style={
              {
                "fontSize": 20,
              }
            }
          >
            ⚙️
          </Text>
        </View>
      </View>
      <View
        style={
          {
            "backgroundColor": "#FFFFFF",
            "borderRadius": 16,
            "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.05)",
            "elevation": 2,
            "marginBottom": 8,
            "padding": 16,
          }
        }
      >
        <View
          style={
            {
              "flexDirection": "row",
              "justifyContent": "space-between",
              "marginBottom": 12,
            }
          }
        >
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 14,
              }
            }
          >
            From
          </Text>
          <Text
            style={
              {
                "color": "#999",
                "fontSize": 12,
              }
            }
          >
            Balance: 
            0.0000
             
            HEZ
          </Text>
        </View>
        <View
          style={
            {
              "alignItems": "center",
              "flexDirection": "row",
              "gap": 12,
            }
          }
        >
          <TextInput
            keyboardType="decimal-pad"
            onChangeText={[Function]}
            placeholder="0.0"
            placeholderTextColor="#999"
            style={
              {
                "color": "#333",
                "flex": 1,
                "fontSize": 28,
                "fontWeight": "bold",
                "padding": 0,
              }
            }
            value=""
          />
          <View
            accessibilityState={
              {
                "busy": undefined,
                "checked": undefined,
                "disabled": undefined,
                "expanded": undefined,
                "selected": undefined,
              }
            }
            accessibilityValue={
              {
                "max": undefined,
                "min": undefined,
                "now": undefined,
                "text": undefined,
              }
            }
            accessible={true}
            collapsable={false}
            focusable={true}
            onClick={[Function]}
            onResponderGrant={[Function]}
            onResponderMove={[Function]}
            onResponderRelease={[Function]}
            onResponderTerminate={[Function]}
            onResponderTerminationRequest={[Function]}
            onStartShouldSetResponder={[Function]}
            style={
              {
                "alignItems": "center",
                "backgroundColor": "#F5F5F5",
                "borderRadius": 12,
                "flexDirection": "row",
                "gap": 8,
                "opacity": 1,
                "paddingHorizontal": 12,
                "paddingVertical": 8,
              }
            }
          >
            <Image
              resizeMode="contain"
              source={
                {
                  "testUri": "../../../../shared/images/hez_token_512.png",
                }
              }
              style={
                {
                  "height": 24,
                  "width": 24,
                }
              }
            />
            <Text
              style={
                {
                  "color": "#333",
                  "fontSize": 16,
                  "fontWeight": "600",
                }
              }
            >
              HEZ
            </Text>
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 10,
                }
              }
            >
              ▼
            </Text>
          </View>
        </View>
        <View
          accessibilityState={
            {
              "busy": undefined,
              "checked": undefined,
              "disabled": undefined,
              "expanded": undefined,
              "selected": undefined,
            }
          }
          accessibilityValue={
            {
              "max": undefined,
              "min": undefined,
              "now": undefined,
              "text": undefined,
            }
          }
          accessible={true}
          collapsable={false}
          focusable={true}
          onClick={[Function]}
          onResponderGrant={[Function]}
          onResponderMove={[Function]}
          onResponderRelease={[Function]}
          onResponderTerminate={[Function]}
          onResponderTerminationRequest={[Function]}
          onStartShouldSetResponder={[Function]}
          style={
            {
              "alignSelf": "flex-start",
              "backgroundColor": "rgba(0, 143, 67, 0.1)",
              "borderColor": "rgba(0, 143, 67, 0.3)",
              "borderRadius": 8,
              "borderWidth": 1,
              "marginTop": 8,
              "opacity": 1,
              "paddingHorizontal": 12,
              "paddingVertical": 6,
            }
          }
        >
          <Text
            style={
              {
                "color": "#00A94F",
                "fontSize": 12,
                "fontWeight": "600",
              }
            }
          >
            MAX
          </Text>
        </View>
      </View>
      <View
        style={
          {
            "alignItems": "center",
            "marginVertical": -12,
            "zIndex": 10,
          }
        }
      >
        <View
          accessibilityState={
            {
              "busy": undefined,
              "checked": undefined,
              "disabled": undefined,
              "expanded": undefined,
              "selected": undefined,
            }
          }
          accessibilityValue={
            {
              "max": undefined,
              "min": undefined,
              "now": undefined,
              "text": undefined,
            }
          }
          accessible={true}
          collapsable={false}
          focusable={true}
          onClick={[Function]}
          onResponderGrant={[Function]}
          onResponderMove={[Function]}
          onResponderRelease={[Function]}
          onResponderTerminate={[Function]}
          onResponderTerminationRequest={[Function]}
          onStartShouldSetResponder={[Function]}
          style={
            {
              "alignItems": "center",
              "backgroundColor": "#FFFFFF",
              "borderColor": "#E5E5E5",
              "borderRadius": 24,
              "borderWidth": 2,
              "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.1)",
              "elevation": 3,
              "height": 48,
              "justifyContent": "center",
              "opacity": 1,
              "width": 48,
            }
          }
        >
          <Text
            style={
              {
                "color": "#333",
                "fontSize": 24,
              }
            }
          >
            ⇅
          </Text>
        </View>
      </View>
      <View
        style={
          {
            "backgroundColor": "#FFFFFF",
            "borderRadius": 16,
            "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.05)",
            "elevation": 2,
            "marginBottom": 8,
            "padding": 16,
          }
        }
      >
        <View
          style={
            {
              "flexDirection": "row",
              "justifyContent": "space-between",
              "marginBottom": 12,
            }
          }
        >
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 14,
              }
            }
          >
            To
          </Text>
          <Text
            style={
              {
                "color": "#999",
                "fontSize": 12,
              }
            }
          >
            Balance: 
            0.0000
             
            PEZ
          </Text>
        </View>
        <View
          style={
            {
              "alignItems": "center",
              "flexDirection": "row",
              "gap": 12,
            }
          }
        >
          <TextInput
            editable={false}
            placeholder="0.0"
            placeholderTextColor="#999"
            style={
              {
                "color": "#333",
                "flex": 1,
                "fontSize": 28,
                "fontWeight": "bold",
                "padding": 0,
              }
            }
            value=""
          />
          <View
            accessibilityState={
              {
                "busy": undefined,
                "checked": undefined,
                "disabled": undefined,
                "expanded": undefined,
                "selected": undefined,
              }
            }
            accessibilityValue={
              {
                "max": undefined,
                "min": undefined,
                "now": undefined,
                "text": undefined,
              }
            }
            accessible={true}
            collapsable={false}
            focusable={true}
            onClick={[Function]}
            onResponderGrant={[Function]}
            onResponderMove={[Function]}
            onResponderRelease={[Function]}
            onResponderTerminate={[Function]}
            onResponderTerminationRequest={[Function]}
            onStartShouldSetResponder={[Function]}
            style={
              {
                "alignItems": "center",
                "backgroundColor": "#F5F5F5",
                "borderRadius": 12,
                "flexDirection": "row",
                "gap": 8,
                "opacity": 1,
                "paddingHorizontal": 12,
                "paddingVertical": 8,
              }
            }
          >
            <Image
              resizeMode="contain"
              source={
                {
                  "testUri": "../../../../shared/images/pez_token_512.png",
                }
              }
              style={
                {
                  "height": 24,
                  "width": 24,
                }
              }
            />
            <Text
              style={
                {
                  "color": "#333",
                  "fontSize": 16,
                  "fontWeight": "600",
                }
              }
            >
              PEZ
            </Text>
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 10,
                }
              }
            >
              ▼
            </Text>
          </View>
        </View>
      </View>
      <View
        style={
          {
            "backgroundColor": "#FFFFFF",
            "borderRadius": 16,
            "marginBottom": 16,
            "marginTop": 16,
            "padding": 16,
          }
        }
      >
        <View
          style={
            {
              "flexDirection": "row",
              "justifyContent": "space-between",
              "paddingVertical": 8,
            }
          }
        >
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 14,
              }
            }
          >
            ℹ️ Exchange Rate
          </Text>
          <Text
            style={
              {
                "color": "#333",
                "fontSize": 14,
                "fontWeight": "500",
              }
            }
          >
            No pool available
          </Text>
        </View>
        <View
          style={
            {
              "flexDirection": "row",
              "justifyContent": "space-between",
              "paddingVertical": 8,
            }
          }
        >
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 14,
              }
            }
          >
            Slippage Tolerance
          </Text>
          <Text
            style={
              {
                "color": "#3B82F6",
                "fontSize": 14,
                "fontWeight": "600",
              }
            }
          >
            0.5
            %
          </Text>
        </View>
      </View>
      <View
        accessibilityState={
          {
            "busy": undefined,
            "checked": undefined,
            "disabled": true,
            "expanded": undefined,
            "selected": undefined,
          }
        }
        accessibilityValue={
          {
            "max": undefined,
            "min": undefined,
            "now": undefined,
            "text": undefined,
          }
        }
        accessible={true}
        collapsable={false}
        focusable={false}
        onClick={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          {
            "alignItems": "center",
            "backgroundColor": "#CCC",
            "borderRadius": 16,
            "marginBottom": 20,
            "opacity": 1,
            "padding": 18,
          }
        }
      >
        <Text
          style={
            {
              "color": "#FFFFFF",
              "fontSize": 18,
              "fontWeight": "bold",
            }
          }
        >
          No Pool Available
        </Text>
      </View>
    </View>
  </RCTScrollView>
</RCTSafeAreaView>
`;
