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

exports[`Onboarding.CustomModeSettings renders correctly 1`] = `
<RNCSafeAreaProvider
  onInsetsChange={[Function]}
  style={
    Array [
      Object {
        "flex": 1,
      },
      undefined,
    ]
  }
>
  <View
    style={
      Object {
        "flex": 1,
      }
    }
  >
    <RCTSafeAreaView
      emulateUnlessSupported={true}
      style={
        Object {
          "backgroundColor": "#535AE4",
          "flex": 1,
        }
      }
    >
      <RCTScrollView
        bounces={false}
        contentContainerStyle={
          Array [
            Object {
              "padding": 16,
            },
          ]
        }
        showsVerticalScrollIndicator={false}
      >
        <View>
          <View>
            <View
              style={
                Array [
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={40}
                        style={Array []}
                        width={40}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.off-grid.title
                    </Text>
                  </View>
                </View>
              </View>
              <View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.ble-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.mc-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.mdns-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "marginTop": 16,
                  },
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={40}
                        style={Array []}
                        width={40}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.routing.title
                    </Text>
                  </View>
                </View>
              </View>
              <View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.routing.dht-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "borderRadius": 14,
                        "flex": 1,
                      },
                      Object {
                        "marginTop": 16,
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "shadowColor": "#000000",
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "opacity": 1,
                        "paddingHorizontal": 16,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={20}
                        style={Array []}
                        width={20}
                      />
                    </View>
                    <View
                      style={
                        Object {
                          "width": "80%",
                        }
                      }
                    >
                      <Text
                        numberOfLines={1}
                        style={
                          Array [
                            Object {
                              "fontSize": 30,
                            },
                            Object {
                              "color": "#383B62",
                              "fontFamily": "Open Sans",
                            },
                            Array [
                              Object {
                                "marginLeft": 9,
                              },
                            ],
                          ]
                        }
                      >
                        onboarding.custom-mode.settings.routing.rdvp-button
                      </Text>
                    </View>
                    <View
                      style={
                        Object {
                          "alignItems": "flex-end",
                          "flex": 1,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "rotate": "0deg",
                              },
                            ],
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <RNSVGMock
                            fill="#393C63"
                            height={20}
                            viewBox="0 0 24 24"
                            width={20}
                          />
                        </View>
                      </View>
                    </View>
                  </View>
                  <RCTScrollView
                    nestedScrollEnabled={true}
                    scrollEventThrottle={0.0001}
                    showsVerticalScrollIndicator={false}
                    style={
                      Object {
                        "borderBottomLeftRadius": 14,
                        "borderBottomRightRadius": 14,
                        "maxHeight": 0,
                      }
                    }
                  >
                    <View>
                      <View>
                        <View
                          style={
                            Object {
                              "backgroundColor": "#EDF1F7",
                              "height": 1,
                            }
                          }
                        />
                        <View
                          style={
                            Object {
                              "marginLeft": 16,
                            }
                          }
                        >
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "alignItems": "center",
                                "flexDirection": "row",
                                "height": 48,
                                "justifyContent": "space-between",
                                "opacity": 1,
                                "padding": 12,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "flexShrink": 1,
                                  "width": "90%",
                                }
                              }
                            >
                              <Text
                                numberOfLines={1}
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "marginLeft": 9,
                                      },
                                    ],
                                  ]
                                }
                              >
                                Berty Default
                              </Text>
                            </View>
                            <View
                              accessible={true}
                              focusable={true}
                              onClick={[Function]}
                              onResponderGrant={[Function]}
                              onResponderMove={[Function]}
                              onResponderRelease={[Function]}
                              onResponderTerminate={[Function]}
                              onResponderTerminationRequest={[Function]}
                              onStartShouldSetResponder={[Function]}
                              style={
                                Object {
                                  "backgroundColor": "#535AE4",
                                  "borderColor": "#535AE4",
                                  "borderRadius": 30,
                                  "borderWidth": 1,
                                  "height": 27,
                                  "opacity": 1,
                                  "width": 50,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "alignItems": "center",
                                    "backgroundColor": "white",
                                    "borderRadius": 30,
                                    "height": 25,
                                    "justifyContent": "center",
                                    "left": 23,
                                    "position": "absolute",
                                    "width": 25,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <View
                                    style={
                                      Object {
                                        "transform": Array [
                                          Object {
                                            "scale": 1,
                                          },
                                        ],
                                      }
                                    }
                                  >
                                    <RNSVGMock
                                      fill="#535AE4"
                                      height={18}
                                      viewBox="0 0 24 24"
                                      width={18}
                                    />
                                  </View>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        accessible={true}
                        focusable={true}
                        onClick={[Function]}
                        onResponderGrant={[Function]}
                        onResponderMove={[Function]}
                        onResponderRelease={[Function]}
                        onResponderTerminate={[Function]}
                        onResponderTerminationRequest={[Function]}
                        onStartShouldSetResponder={[Function]}
                        style={
                          Object {
                            "flex": 1,
                            "flexDirection": "row",
                            "justifyContent": "center",
                            "opacity": 1,
                            "paddingHorizontal": 16,
                          }
                        }
                        testID="RdvpButton"
                      >
                        <View
                          style={
                            Object {
                              "height": 48,
                              "justifyContent": "center",
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <Text
                              allowFontScaling={false}
                              style={
                                Array [
                                  Object {
                                    "color": "#535AE4",
                                    "fontSize": 20,
                                  },
                                  Array [],
                                  Object {
                                    "fontFamily": "Feather",
                                    "fontStyle": "normal",
                                    "fontWeight": "normal",
                                  },
                                  Object {},
                                ]
                              }
                            >
                              
                            </Text>
                          </View>
                        </View>
                      </View>
                      <Modal
                        animationType="slide"
                        hardwareAccelerated={false}
                        transparent={true}
                        visible={false}
                      >
                        <View
                          style={
                            Object {
                              "borderTopLeftRadius": 30,
                              "borderTopRightRadius": 30,
                              "flex": 1,
                              "justifyContent": "flex-end",
                              "left": 0,
                              "paddingBottom": 0,
                              "right": 0,
                            }
                          }
                        >
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "elevation": 6,
                                "flex": 1,
                                "opacity": 1,
                                "zIndex": 6,
                              }
                            }
                          />
                          <View
                            onLayout={[Function]}
                            style={
                              Object {
                                "paddingBottom": 0,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                  "paddingBottom": 30,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "backgroundColor": "#FFFFFF",
                                  }
                                }
                              >
                                <Text
                                  style={
                                    Array [
                                      Object {
                                        "fontSize": 30,
                                      },
                                      Object {
                                        "color": "#383B62",
                                        "fontFamily": "Open Sans",
                                      },
                                      Array [
                                        Object {
                                          "margin": 16,
                                        },
                                        Object {
                                          "marginBottom": 32,
                                        },
                                        Object {
                                          "textAlign": "center",
                                        },
                                      ],
                                    ]
                                  }
                                >
                                  onboarding.custom-mode.settings.modals.add.title.rdvp
                                </Text>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 16,
                                      },
                                      Object {
                                        "marginBottom": 16,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "backgroundColor": "#F7F8FE",
                                        "borderRadius": 8,
                                        "height": 54,
                                        "opacity": 1,
                                        "paddingHorizontal": 16,
                                      }
                                    }
                                  >
                                    <TextInput
                                      allowFontScaling={true}
                                      autoCapitalize="none"
                                      autoCorrect={false}
                                      onChangeText={[Function]}
                                      placeholder="onboarding.custom-mode.settings.modals.alias"
                                      placeholderTextColor="#D0D0D6"
                                      rejectResponderTermination={true}
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#393C63",
                                            "flex": 1,
                                            "fontFamily": "Open Sans",
                                          },
                                        ]
                                      }
                                      underlineColorAndroid="transparent"
                                      value=""
                                    />
                                  </View>
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 16,
                                      },
                                      Object {
                                        "marginBottom": 16,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "backgroundColor": "#F7F8FE",
                                        "borderRadius": 8,
                                        "height": 54,
                                        "opacity": 1,
                                        "paddingHorizontal": 16,
                                      }
                                    }
                                  >
                                    <TextInput
                                      allowFontScaling={true}
                                      autoCapitalize="none"
                                      autoCorrect={false}
                                      multiline={true}
                                      onChangeText={[Function]}
                                      placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                      placeholderTextColor="#D0D0D6"
                                      rejectResponderTermination={true}
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#393C63",
                                            "flex": 1,
                                            "fontFamily": "Open Sans",
                                          },
                                        ]
                                      }
                                      underlineColorAndroid="transparent"
                                      value=""
                                    />
                                  </View>
                                  <View
                                    style={
                                      Array [
                                        Object {
                                          "paddingTop": 9,
                                        },
                                        Object {
                                          "paddingHorizontal": 9,
                                        },
                                      ]
                                    }
                                  >
                                    <Text
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#383B62",
                                            "fontFamily": "Open Sans",
                                          },
                                          Array [
                                            Object {
                                              "color": "#F64278",
                                            },
                                            Object {
                                              "fontSize": 26,
                                            },
                                          ],
                                        ]
                                      }
                                    >
                                      onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                    </Text>
                                  </View>
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 40,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "alignItems": "center",
                                        "backgroundColor": "#E9EAF1",
                                        "borderRadius": 8,
                                        "flexDirection": "row",
                                        "height": 44,
                                        "justifyContent": "center",
                                        "opacity": 1,
                                      }
                                    }
                                  >
                                    <Text
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#383B62",
                                            "fontFamily": "Open Sans",
                                          },
                                          Array [
                                            Object {
                                              "textTransform": "uppercase",
                                            },
                                            Object {
                                              "color": "#F2F2F2",
                                            },
                                            Object {
                                              "fontFamily": "Bold Open Sans",
                                            },
                                          ],
                                        ]
                                      }
                                    >
                                      onboarding.custom-mode.settings.modals.buttons.add
                                    </Text>
                                  </View>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </Modal>
                    </View>
                  </RCTScrollView>
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "marginTop": 16,
                  },
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={50}
                        style={Array []}
                        width={50}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.title
                    </Text>
                  </View>
                </View>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "#F7F8FE",
                      "borderRadius": 14,
                      "flex": 1,
                    },
                    Object {
                      "marginTop": 16,
                    },
                    Object {
                      "shadowOffset": Object {
                        "height": 1,
                        "width": 0,
                      },
                      "shadowOpacity": 0.2,
                      "shadowRadius": 2,
                    },
                    Object {
                      "shadowColor": "#000000",
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                      "height": 48,
                      "opacity": 1,
                      "paddingHorizontal": 16,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <AssetMock
                      color="#535AE4"
                      height={20}
                      style={Array []}
                      width={20}
                    />
                  </View>
                  <View
                    style={
                      Object {
                        "width": "80%",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "marginLeft": 9,
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.relay-button
                    </Text>
                  </View>
                  <View
                    style={
                      Object {
                        "alignItems": "flex-end",
                        "flex": 1,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "rotate": "0deg",
                            },
                          ],
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#393C63"
                          height={20}
                          viewBox="0 0 24 24"
                          width={20}
                        />
                      </View>
                    </View>
                  </View>
                </View>
                <RCTScrollView
                  nestedScrollEnabled={true}
                  scrollEventThrottle={0.0001}
                  showsVerticalScrollIndicator={false}
                  style={
                    Object {
                      "borderBottomLeftRadius": 14,
                      "borderBottomRightRadius": 14,
                      "maxHeight": 0,
                    }
                  }
                >
                  <View>
                    <View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        style={
                          Object {
                            "marginLeft": 16,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "alignItems": "center",
                              "flexDirection": "row",
                              "height": 48,
                              "justifyContent": "space-between",
                              "opacity": 1,
                              "padding": 12,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "flexShrink": 1,
                                "width": "90%",
                              }
                            }
                          >
                            <Text
                              numberOfLines={1}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 30,
                                  },
                                  Object {
                                    "color": "#383B62",
                                    "fontFamily": "Open Sans",
                                  },
                                  Array [
                                    Object {
                                      "marginLeft": 9,
                                    },
                                  ],
                                ]
                              }
                            >
                              Berty Default
                            </Text>
                          </View>
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "backgroundColor": "#535AE4",
                                "borderColor": "#535AE4",
                                "borderRadius": 30,
                                "borderWidth": 1,
                                "height": 27,
                                "opacity": 1,
                                "width": 50,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "backgroundColor": "white",
                                  "borderRadius": 30,
                                  "height": 25,
                                  "justifyContent": "center",
                                  "left": 23,
                                  "position": "absolute",
                                  "width": 25,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "opacity": 1,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "transform": Array [
                                        Object {
                                          "scale": 1,
                                        },
                                      ],
                                    }
                                  }
                                >
                                  <RNSVGMock
                                    fill="#535AE4"
                                    height={18}
                                    viewBox="0 0 24 24"
                                    width={18}
                                  />
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </View>
                    <View
                      style={
                        Object {
                          "backgroundColor": "#EDF1F7",
                          "height": 1,
                        }
                      }
                    />
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "flex": 1,
                          "flexDirection": "row",
                          "justifyContent": "center",
                          "opacity": 1,
                          "paddingHorizontal": 16,
                        }
                      }
                      testID="RelayButton"
                    >
                      <View
                        style={
                          Object {
                            "height": 48,
                            "justifyContent": "center",
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <Text
                            allowFontScaling={false}
                            style={
                              Array [
                                Object {
                                  "color": "#535AE4",
                                  "fontSize": 20,
                                },
                                Array [],
                                Object {
                                  "fontFamily": "Feather",
                                  "fontStyle": "normal",
                                  "fontWeight": "normal",
                                },
                                Object {},
                              ]
                            }
                          >
                            
                          </Text>
                        </View>
                      </View>
                    </View>
                    <Modal
                      animationType="slide"
                      hardwareAccelerated={false}
                      transparent={true}
                      visible={false}
                    >
                      <View
                        style={
                          Object {
                            "borderTopLeftRadius": 30,
                            "borderTopRightRadius": 30,
                            "flex": 1,
                            "justifyContent": "flex-end",
                            "left": 0,
                            "paddingBottom": 0,
                            "right": 0,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "elevation": 6,
                              "flex": 1,
                              "opacity": 1,
                              "zIndex": 6,
                            }
                          }
                        />
                        <View
                          onLayout={[Function]}
                          style={
                            Object {
                              "paddingBottom": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "backgroundColor": "#FFFFFF",
                                "paddingBottom": 30,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                }
                              }
                            >
                              <Text
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "margin": 16,
                                      },
                                      Object {
                                        "marginBottom": 32,
                                      },
                                      Object {
                                        "textAlign": "center",
                                      },
                                    ],
                                  ]
                                }
                              >
                                onboarding.custom-mode.settings.modals.add.title.relay
                              </Text>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.alias"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    multiline={true}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "paddingTop": 9,
                                      },
                                      Object {
                                        "paddingHorizontal": 9,
                                      },
                                    ]
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "color": "#F64278",
                                          },
                                          Object {
                                            "fontSize": 26,
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                  </Text>
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 40,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "alignItems": "center",
                                      "backgroundColor": "#E9EAF1",
                                      "borderRadius": 8,
                                      "flexDirection": "row",
                                      "height": 44,
                                      "justifyContent": "center",
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "textTransform": "uppercase",
                                          },
                                          Object {
                                            "color": "#F2F2F2",
                                          },
                                          Object {
                                            "fontFamily": "Bold Open Sans",
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.buttons.add
                                  </Text>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </Modal>
                  </View>
                </RCTScrollView>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "#F7F8FE",
                      "borderRadius": 14,
                      "flex": 1,
                    },
                    Object {
                      "marginTop": 16,
                    },
                    Object {
                      "shadowOffset": Object {
                        "height": 1,
                        "width": 0,
                      },
                      "shadowOpacity": 0.2,
                      "shadowRadius": 2,
                    },
                    Object {
                      "shadowColor": "#000000",
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                      "height": 48,
                      "opacity": 1,
                      "paddingHorizontal": 16,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <AssetMock
                      color="#535AE4"
                      height={20}
                      style={Array []}
                      width={20}
                    />
                  </View>
                  <View
                    style={
                      Object {
                        "width": "80%",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "marginLeft": 9,
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.bootstrap-button
                    </Text>
                  </View>
                  <View
                    style={
                      Object {
                        "alignItems": "flex-end",
                        "flex": 1,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "rotate": "0deg",
                            },
                          ],
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#393C63"
                          height={20}
                          viewBox="0 0 24 24"
                          width={20}
                        />
                      </View>
                    </View>
                  </View>
                </View>
                <RCTScrollView
                  nestedScrollEnabled={true}
                  scrollEventThrottle={0.0001}
                  showsVerticalScrollIndicator={false}
                  style={
                    Object {
                      "borderBottomLeftRadius": 14,
                      "borderBottomRightRadius": 14,
                      "maxHeight": 0,
                    }
                  }
                >
                  <View>
                    <View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        style={
                          Object {
                            "marginLeft": 16,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "alignItems": "center",
                              "flexDirection": "row",
                              "height": 48,
                              "justifyContent": "space-between",
                              "opacity": 1,
                              "padding": 12,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "flexShrink": 1,
                                "width": "90%",
                              }
                            }
                          >
                            <Text
                              numberOfLines={1}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 30,
                                  },
                                  Object {
                                    "color": "#383B62",
                                    "fontFamily": "Open Sans",
                                  },
                                  Array [
                                    Object {
                                      "marginLeft": 9,
                                    },
                                  ],
                                ]
                              }
                            >
                              Berty Default
                            </Text>
                          </View>
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "backgroundColor": "#535AE4",
                                "borderColor": "#535AE4",
                                "borderRadius": 30,
                                "borderWidth": 1,
                                "height": 27,
                                "opacity": 1,
                                "width": 50,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "backgroundColor": "white",
                                  "borderRadius": 30,
                                  "height": 25,
                                  "justifyContent": "center",
                                  "left": 23,
                                  "position": "absolute",
                                  "width": 25,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "opacity": 1,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "transform": Array [
                                        Object {
                                          "scale": 1,
                                        },
                                      ],
                                    }
                                  }
                                >
                                  <RNSVGMock
                                    fill="#535AE4"
                                    height={18}
                                    viewBox="0 0 24 24"
                                    width={18}
                                  />
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </View>
                    <View
                      style={
                        Object {
                          "backgroundColor": "#EDF1F7",
                          "height": 1,
                        }
                      }
                    />
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "flex": 1,
                          "flexDirection": "row",
                          "justifyContent": "center",
                          "opacity": 1,
                          "paddingHorizontal": 16,
                        }
                      }
                      testID="BootstrapButton"
                    >
                      <View
                        style={
                          Object {
                            "height": 48,
                            "justifyContent": "center",
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <Text
                            allowFontScaling={false}
                            style={
                              Array [
                                Object {
                                  "color": "#535AE4",
                                  "fontSize": 20,
                                },
                                Array [],
                                Object {
                                  "fontFamily": "Feather",
                                  "fontStyle": "normal",
                                  "fontWeight": "normal",
                                },
                                Object {},
                              ]
                            }
                          >
                            
                          </Text>
                        </View>
                      </View>
                    </View>
                    <Modal
                      animationType="slide"
                      hardwareAccelerated={false}
                      transparent={true}
                      visible={false}
                    >
                      <View
                        style={
                          Object {
                            "borderTopLeftRadius": 30,
                            "borderTopRightRadius": 30,
                            "flex": 1,
                            "justifyContent": "flex-end",
                            "left": 0,
                            "paddingBottom": 0,
                            "right": 0,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "elevation": 6,
                              "flex": 1,
                              "opacity": 1,
                              "zIndex": 6,
                            }
                          }
                        />
                        <View
                          onLayout={[Function]}
                          style={
                            Object {
                              "paddingBottom": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "backgroundColor": "#FFFFFF",
                                "paddingBottom": 30,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                }
                              }
                            >
                              <Text
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "margin": 16,
                                      },
                                      Object {
                                        "marginBottom": 32,
                                      },
                                      Object {
                                        "textAlign": "center",
                                      },
                                    ],
                                  ]
                                }
                              >
                                onboarding.custom-mode.settings.modals.add.title.bootstrap
                              </Text>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.alias"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    multiline={true}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "paddingTop": 9,
                                      },
                                      Object {
                                        "paddingHorizontal": 9,
                                      },
                                    ]
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "color": "#F64278",
                                          },
                                          Object {
                                            "fontSize": 26,
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                  </Text>
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 40,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "alignItems": "center",
                                      "backgroundColor": "#E9EAF1",
                                      "borderRadius": 8,
                                      "flexDirection": "row",
                                      "height": 44,
                                      "justifyContent": "center",
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "textTransform": "uppercase",
                                          },
                                          Object {
                                            "color": "#F2F2F2",
                                          },
                                          Object {
                                            "fontFamily": "Bold Open Sans",
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.buttons.add
                                  </Text>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </Modal>
                  </View>
                </RCTScrollView>
              </View>
            </View>
          </View>
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "padding": 2,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                  },
                ]
              }
            >
              <Text
                style={
                  Array [
                    Object {
                      "fontSize": 30,
                    },
                    Object {
                      "color": "#383B62",
                      "fontFamily": "Open Sans",
                    },
                    Object {
                      "color": "#FFFFFF",
                    },
                  ]
                }
              >
                onboarding.custom-mode.settings.all-button
              </Text>
              <View
                style={
                  Array [
                    Object {
                      "padding": 9,
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#DEE2E8",
                      "borderColor": "#F7F8FF",
                      "borderRadius": 30,
                      "borderWidth": 1,
                      "height": 27,
                      "opacity": 1,
                      "width": 50,
                    }
                  }
                  testID="NetworkAllButton"
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#535AE4",
                        "borderRadius": 30,
                        "height": 25,
                        "justifyContent": "center",
                        "left": 0,
                        "position": "absolute",
                        "width": 25,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "opacity": 0,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#F7F8FF"
                          height={18}
                          viewBox="0 0 24 24"
                          width={18}
                        />
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View
              style={
                Object {
                  "alignSelf": "center",
                  "flex": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "padding": 16,
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "#3F49EA",
                      "borderRadius": 16,
                      "opacity": 1,
                      "padding": 16,
                    }
                  }
                >
                  <Text
                    style={
                      Array [
                        Object {
                          "fontSize": 30,
                        },
                        Object {
                          "color": "#383B62",
                          "fontFamily": "Open Sans",
                        },
                        Array [
                          Object {
                            "fontFamily": "Bold Open Sans",
                          },
                          Object {
                            "color": "#FFFFFF",
                          },
                        ],
                      ]
                    }
                  >
                    onboarding.custom-mode.settings.accept-button
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </RCTScrollView>
    </RCTSafeAreaView>
  </View>
</RNCSafeAreaProvider>
`;

exports[`Onboarding.CustomModeSettings renders correctly 2`] = `
<RNCSafeAreaProvider
  onInsetsChange={[Function]}
  style={
    Array [
      Object {
        "flex": 1,
      },
      undefined,
    ]
  }
>
  <View
    style={
      Object {
        "flex": 1,
      }
    }
  >
    <RCTSafeAreaView
      emulateUnlessSupported={true}
      style={
        Object {
          "backgroundColor": "#535AE4",
          "flex": 1,
        }
      }
    >
      <RCTScrollView
        bounces={false}
        contentContainerStyle={
          Array [
            Object {
              "padding": 16,
            },
          ]
        }
        showsVerticalScrollIndicator={false}
      >
        <View>
          <View>
            <View
              style={
                Array [
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={40}
                        style={Array []}
                        width={40}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.off-grid.title
                    </Text>
                  </View>
                </View>
              </View>
              <View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.ble-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.mc-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.mdns-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "marginTop": 16,
                  },
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={40}
                        style={Array []}
                        width={40}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.routing.title
                    </Text>
                  </View>
                </View>
              </View>
              <View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.routing.dht-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "borderRadius": 14,
                        "flex": 1,
                      },
                      Object {
                        "marginTop": 16,
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "shadowColor": "#000000",
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "opacity": 1,
                        "paddingHorizontal": 16,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={20}
                        style={Array []}
                        width={20}
                      />
                    </View>
                    <View
                      style={
                        Object {
                          "width": "80%",
                        }
                      }
                    >
                      <Text
                        numberOfLines={1}
                        style={
                          Array [
                            Object {
                              "fontSize": 30,
                            },
                            Object {
                              "color": "#383B62",
                              "fontFamily": "Open Sans",
                            },
                            Array [
                              Object {
                                "marginLeft": 9,
                              },
                            ],
                          ]
                        }
                      >
                        onboarding.custom-mode.settings.routing.rdvp-button
                      </Text>
                    </View>
                    <View
                      style={
                        Object {
                          "alignItems": "flex-end",
                          "flex": 1,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "rotate": "0deg",
                              },
                            ],
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <RNSVGMock
                            fill="#393C63"
                            height={20}
                            viewBox="0 0 24 24"
                            width={20}
                          />
                        </View>
                      </View>
                    </View>
                  </View>
                  <RCTScrollView
                    nestedScrollEnabled={true}
                    scrollEventThrottle={0.0001}
                    showsVerticalScrollIndicator={false}
                    style={
                      Object {
                        "borderBottomLeftRadius": 14,
                        "borderBottomRightRadius": 14,
                        "maxHeight": 0,
                      }
                    }
                  >
                    <View>
                      <View>
                        <View
                          style={
                            Object {
                              "backgroundColor": "#EDF1F7",
                              "height": 1,
                            }
                          }
                        />
                        <View
                          style={
                            Object {
                              "marginLeft": 16,
                            }
                          }
                        >
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "alignItems": "center",
                                "flexDirection": "row",
                                "height": 48,
                                "justifyContent": "space-between",
                                "opacity": 1,
                                "padding": 12,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "flexShrink": 1,
                                  "width": "90%",
                                }
                              }
                            >
                              <Text
                                numberOfLines={1}
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "marginLeft": 9,
                                      },
                                    ],
                                  ]
                                }
                              >
                                Berty Default
                              </Text>
                            </View>
                            <View
                              accessible={true}
                              focusable={true}
                              onClick={[Function]}
                              onResponderGrant={[Function]}
                              onResponderMove={[Function]}
                              onResponderRelease={[Function]}
                              onResponderTerminate={[Function]}
                              onResponderTerminationRequest={[Function]}
                              onStartShouldSetResponder={[Function]}
                              style={
                                Object {
                                  "backgroundColor": "#535AE4",
                                  "borderColor": "#535AE4",
                                  "borderRadius": 30,
                                  "borderWidth": 1,
                                  "height": 27,
                                  "opacity": 1,
                                  "width": 50,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "alignItems": "center",
                                    "backgroundColor": "white",
                                    "borderRadius": 30,
                                    "height": 25,
                                    "justifyContent": "center",
                                    "left": 23,
                                    "position": "absolute",
                                    "width": 25,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <View
                                    style={
                                      Object {
                                        "transform": Array [
                                          Object {
                                            "scale": 1,
                                          },
                                        ],
                                      }
                                    }
                                  >
                                    <RNSVGMock
                                      fill="#535AE4"
                                      height={18}
                                      viewBox="0 0 24 24"
                                      width={18}
                                    />
                                  </View>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        accessible={true}
                        focusable={true}
                        onClick={[Function]}
                        onResponderGrant={[Function]}
                        onResponderMove={[Function]}
                        onResponderRelease={[Function]}
                        onResponderTerminate={[Function]}
                        onResponderTerminationRequest={[Function]}
                        onStartShouldSetResponder={[Function]}
                        style={
                          Object {
                            "flex": 1,
                            "flexDirection": "row",
                            "justifyContent": "center",
                            "opacity": 1,
                            "paddingHorizontal": 16,
                          }
                        }
                        testID="RdvpButton"
                      >
                        <View
                          style={
                            Object {
                              "height": 48,
                              "justifyContent": "center",
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <Text
                              allowFontScaling={false}
                              style={
                                Array [
                                  Object {
                                    "color": "#535AE4",
                                    "fontSize": 20,
                                  },
                                  Array [],
                                  Object {
                                    "fontFamily": "Feather",
                                    "fontStyle": "normal",
                                    "fontWeight": "normal",
                                  },
                                  Object {},
                                ]
                              }
                            >
                              
                            </Text>
                          </View>
                        </View>
                      </View>
                      <Modal
                        animationType="slide"
                        hardwareAccelerated={false}
                        transparent={true}
                        visible={false}
                      >
                        <View
                          style={
                            Object {
                              "borderTopLeftRadius": 30,
                              "borderTopRightRadius": 30,
                              "flex": 1,
                              "justifyContent": "flex-end",
                              "left": 0,
                              "paddingBottom": 0,
                              "right": 0,
                            }
                          }
                        >
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "elevation": 6,
                                "flex": 1,
                                "opacity": 1,
                                "zIndex": 6,
                              }
                            }
                          />
                          <View
                            onLayout={[Function]}
                            style={
                              Object {
                                "paddingBottom": 0,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                  "paddingBottom": 30,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "backgroundColor": "#FFFFFF",
                                  }
                                }
                              >
                                <Text
                                  style={
                                    Array [
                                      Object {
                                        "fontSize": 30,
                                      },
                                      Object {
                                        "color": "#383B62",
                                        "fontFamily": "Open Sans",
                                      },
                                      Array [
                                        Object {
                                          "margin": 16,
                                        },
                                        Object {
                                          "marginBottom": 32,
                                        },
                                        Object {
                                          "textAlign": "center",
                                        },
                                      ],
                                    ]
                                  }
                                >
                                  onboarding.custom-mode.settings.modals.add.title.rdvp
                                </Text>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 16,
                                      },
                                      Object {
                                        "marginBottom": 16,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "backgroundColor": "#F7F8FE",
                                        "borderRadius": 8,
                                        "height": 54,
                                        "opacity": 1,
                                        "paddingHorizontal": 16,
                                      }
                                    }
                                  >
                                    <TextInput
                                      allowFontScaling={true}
                                      autoCapitalize="none"
                                      autoCorrect={false}
                                      onChangeText={[Function]}
                                      placeholder="onboarding.custom-mode.settings.modals.alias"
                                      placeholderTextColor="#D0D0D6"
                                      rejectResponderTermination={true}
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#393C63",
                                            "flex": 1,
                                            "fontFamily": "Open Sans",
                                          },
                                        ]
                                      }
                                      underlineColorAndroid="transparent"
                                      value=""
                                    />
                                  </View>
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 16,
                                      },
                                      Object {
                                        "marginBottom": 16,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "backgroundColor": "#F7F8FE",
                                        "borderRadius": 8,
                                        "height": 54,
                                        "opacity": 1,
                                        "paddingHorizontal": 16,
                                      }
                                    }
                                  >
                                    <TextInput
                                      allowFontScaling={true}
                                      autoCapitalize="none"
                                      autoCorrect={false}
                                      multiline={true}
                                      onChangeText={[Function]}
                                      placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                      placeholderTextColor="#D0D0D6"
                                      rejectResponderTermination={true}
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#393C63",
                                            "flex": 1,
                                            "fontFamily": "Open Sans",
                                          },
                                        ]
                                      }
                                      underlineColorAndroid="transparent"
                                      value=""
                                    />
                                  </View>
                                  <View
                                    style={
                                      Array [
                                        Object {
                                          "paddingTop": 9,
                                        },
                                        Object {
                                          "paddingHorizontal": 9,
                                        },
                                      ]
                                    }
                                  >
                                    <Text
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#383B62",
                                            "fontFamily": "Open Sans",
                                          },
                                          Array [
                                            Object {
                                              "color": "#F64278",
                                            },
                                            Object {
                                              "fontSize": 26,
                                            },
                                          ],
                                        ]
                                      }
                                    >
                                      onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                    </Text>
                                  </View>
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 40,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "alignItems": "center",
                                        "backgroundColor": "#E9EAF1",
                                        "borderRadius": 8,
                                        "flexDirection": "row",
                                        "height": 44,
                                        "justifyContent": "center",
                                        "opacity": 1,
                                      }
                                    }
                                  >
                                    <Text
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#383B62",
                                            "fontFamily": "Open Sans",
                                          },
                                          Array [
                                            Object {
                                              "textTransform": "uppercase",
                                            },
                                            Object {
                                              "color": "#F2F2F2",
                                            },
                                            Object {
                                              "fontFamily": "Bold Open Sans",
                                            },
                                          ],
                                        ]
                                      }
                                    >
                                      onboarding.custom-mode.settings.modals.buttons.add
                                    </Text>
                                  </View>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </Modal>
                    </View>
                  </RCTScrollView>
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "marginTop": 16,
                  },
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={50}
                        style={Array []}
                        width={50}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.title
                    </Text>
                  </View>
                </View>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "#F7F8FE",
                      "borderRadius": 14,
                      "flex": 1,
                    },
                    Object {
                      "marginTop": 16,
                    },
                    Object {
                      "shadowOffset": Object {
                        "height": 1,
                        "width": 0,
                      },
                      "shadowOpacity": 0.2,
                      "shadowRadius": 2,
                    },
                    Object {
                      "shadowColor": "#000000",
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                      "height": 48,
                      "opacity": 1,
                      "paddingHorizontal": 16,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <AssetMock
                      color="#535AE4"
                      height={20}
                      style={Array []}
                      width={20}
                    />
                  </View>
                  <View
                    style={
                      Object {
                        "width": "80%",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "marginLeft": 9,
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.relay-button
                    </Text>
                  </View>
                  <View
                    style={
                      Object {
                        "alignItems": "flex-end",
                        "flex": 1,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "rotate": "0deg",
                            },
                          ],
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#393C63"
                          height={20}
                          viewBox="0 0 24 24"
                          width={20}
                        />
                      </View>
                    </View>
                  </View>
                </View>
                <RCTScrollView
                  nestedScrollEnabled={true}
                  scrollEventThrottle={0.0001}
                  showsVerticalScrollIndicator={false}
                  style={
                    Object {
                      "borderBottomLeftRadius": 14,
                      "borderBottomRightRadius": 14,
                      "maxHeight": 0,
                    }
                  }
                >
                  <View>
                    <View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        style={
                          Object {
                            "marginLeft": 16,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "alignItems": "center",
                              "flexDirection": "row",
                              "height": 48,
                              "justifyContent": "space-between",
                              "opacity": 1,
                              "padding": 12,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "flexShrink": 1,
                                "width": "90%",
                              }
                            }
                          >
                            <Text
                              numberOfLines={1}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 30,
                                  },
                                  Object {
                                    "color": "#383B62",
                                    "fontFamily": "Open Sans",
                                  },
                                  Array [
                                    Object {
                                      "marginLeft": 9,
                                    },
                                  ],
                                ]
                              }
                            >
                              Berty Default
                            </Text>
                          </View>
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "backgroundColor": "#535AE4",
                                "borderColor": "#535AE4",
                                "borderRadius": 30,
                                "borderWidth": 1,
                                "height": 27,
                                "opacity": 1,
                                "width": 50,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "backgroundColor": "white",
                                  "borderRadius": 30,
                                  "height": 25,
                                  "justifyContent": "center",
                                  "left": 23,
                                  "position": "absolute",
                                  "width": 25,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "opacity": 1,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "transform": Array [
                                        Object {
                                          "scale": 1,
                                        },
                                      ],
                                    }
                                  }
                                >
                                  <RNSVGMock
                                    fill="#535AE4"
                                    height={18}
                                    viewBox="0 0 24 24"
                                    width={18}
                                  />
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </View>
                    <View
                      style={
                        Object {
                          "backgroundColor": "#EDF1F7",
                          "height": 1,
                        }
                      }
                    />
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "flex": 1,
                          "flexDirection": "row",
                          "justifyContent": "center",
                          "opacity": 1,
                          "paddingHorizontal": 16,
                        }
                      }
                      testID="RelayButton"
                    >
                      <View
                        style={
                          Object {
                            "height": 48,
                            "justifyContent": "center",
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <Text
                            allowFontScaling={false}
                            style={
                              Array [
                                Object {
                                  "color": "#535AE4",
                                  "fontSize": 20,
                                },
                                Array [],
                                Object {
                                  "fontFamily": "Feather",
                                  "fontStyle": "normal",
                                  "fontWeight": "normal",
                                },
                                Object {},
                              ]
                            }
                          >
                            
                          </Text>
                        </View>
                      </View>
                    </View>
                    <Modal
                      animationType="slide"
                      hardwareAccelerated={false}
                      transparent={true}
                      visible={false}
                    >
                      <View
                        style={
                          Object {
                            "borderTopLeftRadius": 30,
                            "borderTopRightRadius": 30,
                            "flex": 1,
                            "justifyContent": "flex-end",
                            "left": 0,
                            "paddingBottom": 0,
                            "right": 0,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "elevation": 6,
                              "flex": 1,
                              "opacity": 1,
                              "zIndex": 6,
                            }
                          }
                        />
                        <View
                          onLayout={[Function]}
                          style={
                            Object {
                              "paddingBottom": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "backgroundColor": "#FFFFFF",
                                "paddingBottom": 30,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                }
                              }
                            >
                              <Text
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "margin": 16,
                                      },
                                      Object {
                                        "marginBottom": 32,
                                      },
                                      Object {
                                        "textAlign": "center",
                                      },
                                    ],
                                  ]
                                }
                              >
                                onboarding.custom-mode.settings.modals.add.title.relay
                              </Text>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.alias"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    multiline={true}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "paddingTop": 9,
                                      },
                                      Object {
                                        "paddingHorizontal": 9,
                                      },
                                    ]
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "color": "#F64278",
                                          },
                                          Object {
                                            "fontSize": 26,
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                  </Text>
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 40,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "alignItems": "center",
                                      "backgroundColor": "#E9EAF1",
                                      "borderRadius": 8,
                                      "flexDirection": "row",
                                      "height": 44,
                                      "justifyContent": "center",
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "textTransform": "uppercase",
                                          },
                                          Object {
                                            "color": "#F2F2F2",
                                          },
                                          Object {
                                            "fontFamily": "Bold Open Sans",
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.buttons.add
                                  </Text>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </Modal>
                  </View>
                </RCTScrollView>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "#F7F8FE",
                      "borderRadius": 14,
                      "flex": 1,
                    },
                    Object {
                      "marginTop": 16,
                    },
                    Object {
                      "shadowOffset": Object {
                        "height": 1,
                        "width": 0,
                      },
                      "shadowOpacity": 0.2,
                      "shadowRadius": 2,
                    },
                    Object {
                      "shadowColor": "#000000",
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                      "height": 48,
                      "opacity": 1,
                      "paddingHorizontal": 16,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <AssetMock
                      color="#535AE4"
                      height={20}
                      style={Array []}
                      width={20}
                    />
                  </View>
                  <View
                    style={
                      Object {
                        "width": "80%",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "marginLeft": 9,
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.bootstrap-button
                    </Text>
                  </View>
                  <View
                    style={
                      Object {
                        "alignItems": "flex-end",
                        "flex": 1,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "rotate": "0deg",
                            },
                          ],
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#393C63"
                          height={20}
                          viewBox="0 0 24 24"
                          width={20}
                        />
                      </View>
                    </View>
                  </View>
                </View>
                <RCTScrollView
                  nestedScrollEnabled={true}
                  scrollEventThrottle={0.0001}
                  showsVerticalScrollIndicator={false}
                  style={
                    Object {
                      "borderBottomLeftRadius": 14,
                      "borderBottomRightRadius": 14,
                      "maxHeight": 0,
                    }
                  }
                >
                  <View>
                    <View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        style={
                          Object {
                            "marginLeft": 16,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "alignItems": "center",
                              "flexDirection": "row",
                              "height": 48,
                              "justifyContent": "space-between",
                              "opacity": 1,
                              "padding": 12,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "flexShrink": 1,
                                "width": "90%",
                              }
                            }
                          >
                            <Text
                              numberOfLines={1}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 30,
                                  },
                                  Object {
                                    "color": "#383B62",
                                    "fontFamily": "Open Sans",
                                  },
                                  Array [
                                    Object {
                                      "marginLeft": 9,
                                    },
                                  ],
                                ]
                              }
                            >
                              Berty Default
                            </Text>
                          </View>
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "backgroundColor": "#535AE4",
                                "borderColor": "#535AE4",
                                "borderRadius": 30,
                                "borderWidth": 1,
                                "height": 27,
                                "opacity": 1,
                                "width": 50,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "backgroundColor": "white",
                                  "borderRadius": 30,
                                  "height": 25,
                                  "justifyContent": "center",
                                  "left": 23,
                                  "position": "absolute",
                                  "width": 25,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "opacity": 1,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "transform": Array [
                                        Object {
                                          "scale": 1,
                                        },
                                      ],
                                    }
                                  }
                                >
                                  <RNSVGMock
                                    fill="#535AE4"
                                    height={18}
                                    viewBox="0 0 24 24"
                                    width={18}
                                  />
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </View>
                    <View
                      style={
                        Object {
                          "backgroundColor": "#EDF1F7",
                          "height": 1,
                        }
                      }
                    />
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "flex": 1,
                          "flexDirection": "row",
                          "justifyContent": "center",
                          "opacity": 1,
                          "paddingHorizontal": 16,
                        }
                      }
                      testID="BootstrapButton"
                    >
                      <View
                        style={
                          Object {
                            "height": 48,
                            "justifyContent": "center",
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <Text
                            allowFontScaling={false}
                            style={
                              Array [
                                Object {
                                  "color": "#535AE4",
                                  "fontSize": 20,
                                },
                                Array [],
                                Object {
                                  "fontFamily": "Feather",
                                  "fontStyle": "normal",
                                  "fontWeight": "normal",
                                },
                                Object {},
                              ]
                            }
                          >
                            
                          </Text>
                        </View>
                      </View>
                    </View>
                    <Modal
                      animationType="slide"
                      hardwareAccelerated={false}
                      transparent={true}
                      visible={false}
                    >
                      <View
                        style={
                          Object {
                            "borderTopLeftRadius": 30,
                            "borderTopRightRadius": 30,
                            "flex": 1,
                            "justifyContent": "flex-end",
                            "left": 0,
                            "paddingBottom": 0,
                            "right": 0,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "elevation": 6,
                              "flex": 1,
                              "opacity": 1,
                              "zIndex": 6,
                            }
                          }
                        />
                        <View
                          onLayout={[Function]}
                          style={
                            Object {
                              "paddingBottom": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "backgroundColor": "#FFFFFF",
                                "paddingBottom": 30,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                }
                              }
                            >
                              <Text
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "margin": 16,
                                      },
                                      Object {
                                        "marginBottom": 32,
                                      },
                                      Object {
                                        "textAlign": "center",
                                      },
                                    ],
                                  ]
                                }
                              >
                                onboarding.custom-mode.settings.modals.add.title.bootstrap
                              </Text>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.alias"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    multiline={true}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "paddingTop": 9,
                                      },
                                      Object {
                                        "paddingHorizontal": 9,
                                      },
                                    ]
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "color": "#F64278",
                                          },
                                          Object {
                                            "fontSize": 26,
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                  </Text>
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 40,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "alignItems": "center",
                                      "backgroundColor": "#E9EAF1",
                                      "borderRadius": 8,
                                      "flexDirection": "row",
                                      "height": 44,
                                      "justifyContent": "center",
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "textTransform": "uppercase",
                                          },
                                          Object {
                                            "color": "#F2F2F2",
                                          },
                                          Object {
                                            "fontFamily": "Bold Open Sans",
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.buttons.add
                                  </Text>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </Modal>
                  </View>
                </RCTScrollView>
              </View>
            </View>
          </View>
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "padding": 2,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                  },
                ]
              }
            >
              <Text
                style={
                  Array [
                    Object {
                      "fontSize": 30,
                    },
                    Object {
                      "color": "#383B62",
                      "fontFamily": "Open Sans",
                    },
                    Object {
                      "color": "#FFFFFF",
                    },
                  ]
                }
              >
                onboarding.custom-mode.settings.all-button
              </Text>
              <View
                style={
                  Array [
                    Object {
                      "padding": 9,
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#F7F8FF",
                      "borderColor": "#F7F8FF",
                      "borderRadius": 30,
                      "borderWidth": 1,
                      "height": 27,
                      "opacity": 1,
                      "width": 50,
                    }
                  }
                  testID="NetworkAllButton"
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#535AE4",
                        "borderRadius": 30,
                        "height": 25,
                        "justifyContent": "center",
                        "left": 0,
                        "position": "absolute",
                        "width": 25,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "opacity": 0,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#F7F8FF"
                          height={18}
                          viewBox="0 0 24 24"
                          width={18}
                        />
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View
              style={
                Object {
                  "alignSelf": "center",
                  "flex": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "padding": 16,
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "#3F49EA",
                      "borderRadius": 16,
                      "opacity": 1,
                      "padding": 16,
                    }
                  }
                >
                  <Text
                    style={
                      Array [
                        Object {
                          "fontSize": 30,
                        },
                        Object {
                          "color": "#383B62",
                          "fontFamily": "Open Sans",
                        },
                        Array [
                          Object {
                            "fontFamily": "Bold Open Sans",
                          },
                          Object {
                            "color": "#FFFFFF",
                          },
                        ],
                      ]
                    }
                  >
                    onboarding.custom-mode.settings.accept-button
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </RCTScrollView>
    </RCTSafeAreaView>
  </View>
</RNCSafeAreaProvider>
`;

exports[`Onboarding.CustomModeSettings renders correctly 3`] = `
<RNCSafeAreaProvider
  onInsetsChange={[Function]}
  style={
    Array [
      Object {
        "flex": 1,
      },
      undefined,
    ]
  }
>
  <View
    style={
      Object {
        "flex": 1,
      }
    }
  >
    <RCTSafeAreaView
      emulateUnlessSupported={true}
      style={
        Object {
          "backgroundColor": "#535AE4",
          "flex": 1,
        }
      }
    >
      <RCTScrollView
        bounces={false}
        contentContainerStyle={
          Array [
            Object {
              "padding": 16,
            },
          ]
        }
        showsVerticalScrollIndicator={false}
      >
        <View>
          <View>
            <View
              style={
                Array [
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={40}
                        style={Array []}
                        width={40}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.off-grid.title
                    </Text>
                  </View>
                </View>
              </View>
              <View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.ble-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.mc-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.off-grid.mdns-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "marginTop": 16,
                  },
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={40}
                        style={Array []}
                        width={40}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.routing.title
                    </Text>
                  </View>
                </View>
              </View>
              <View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "shadowColor": "#000000",
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "borderRadius": 14,
                        "marginTop": 20,
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "justifyContent": "space-between",
                        "opacity": 1,
                        "padding": 12,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flexDirection": "row",
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <AssetMock
                          color="#535AE4"
                          height={20}
                          style={Array []}
                          width={20}
                        />
                      </View>
                      <View
                        style={
                          Object {
                            "flexShrink": 1,
                            "width": "90%",
                          }
                        }
                      >
                        <Text
                          numberOfLines={1}
                          style={
                            Array [
                              Object {
                                "fontSize": 30,
                              },
                              Object {
                                "color": "#383B62",
                                "fontFamily": "Open Sans",
                              },
                              Array [
                                Object {
                                  "marginLeft": 9,
                                },
                              ],
                            ]
                          }
                        >
                          onboarding.custom-mode.settings.routing.dht-button
                        </Text>
                      </View>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "backgroundColor": "#EDF0F3",
                          "borderColor": "#535AE4",
                          "borderRadius": 30,
                          "borderWidth": 1,
                          "height": 27,
                          "opacity": 1,
                          "width": 50,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "alignItems": "center",
                            "backgroundColor": "white",
                            "borderRadius": 30,
                            "height": 25,
                            "justifyContent": "center",
                            "left": 0,
                            "position": "absolute",
                            "width": 25,
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "opacity": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <RNSVGMock
                              fill="#535AE4"
                              height={18}
                              viewBox="0 0 24 24"
                              width={18}
                            />
                          </View>
                        </View>
                      </View>
                    </View>
                  </View>
                </View>
                <View
                  style={
                    Array [
                      Object {
                        "backgroundColor": "#F7F8FE",
                        "borderRadius": 14,
                        "flex": 1,
                      },
                      Object {
                        "marginTop": 16,
                      },
                      Object {
                        "shadowOffset": Object {
                          "height": 1,
                          "width": 0,
                        },
                        "shadowOpacity": 0.2,
                        "shadowRadius": 2,
                      },
                      Object {
                        "shadowColor": "#000000",
                      },
                    ]
                  }
                >
                  <View
                    accessible={true}
                    focusable={true}
                    onClick={[Function]}
                    onResponderGrant={[Function]}
                    onResponderMove={[Function]}
                    onResponderRelease={[Function]}
                    onResponderTerminate={[Function]}
                    onResponderTerminationRequest={[Function]}
                    onStartShouldSetResponder={[Function]}
                    style={
                      Object {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "height": 48,
                        "opacity": 1,
                        "paddingHorizontal": 16,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={20}
                        style={Array []}
                        width={20}
                      />
                    </View>
                    <View
                      style={
                        Object {
                          "width": "80%",
                        }
                      }
                    >
                      <Text
                        numberOfLines={1}
                        style={
                          Array [
                            Object {
                              "fontSize": 30,
                            },
                            Object {
                              "color": "#383B62",
                              "fontFamily": "Open Sans",
                            },
                            Array [
                              Object {
                                "marginLeft": 9,
                              },
                            ],
                          ]
                        }
                      >
                        onboarding.custom-mode.settings.routing.rdvp-button
                      </Text>
                    </View>
                    <View
                      style={
                        Object {
                          "alignItems": "flex-end",
                          "flex": 1,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "rotate": "0deg",
                              },
                            ],
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <RNSVGMock
                            fill="#393C63"
                            height={20}
                            viewBox="0 0 24 24"
                            width={20}
                          />
                        </View>
                      </View>
                    </View>
                  </View>
                  <RCTScrollView
                    nestedScrollEnabled={true}
                    scrollEventThrottle={0.0001}
                    showsVerticalScrollIndicator={false}
                    style={
                      Object {
                        "borderBottomLeftRadius": 14,
                        "borderBottomRightRadius": 14,
                        "maxHeight": 0,
                      }
                    }
                  >
                    <View>
                      <View>
                        <View
                          style={
                            Object {
                              "backgroundColor": "#EDF1F7",
                              "height": 1,
                            }
                          }
                        />
                        <View
                          style={
                            Object {
                              "marginLeft": 16,
                            }
                          }
                        >
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "alignItems": "center",
                                "flexDirection": "row",
                                "height": 48,
                                "justifyContent": "space-between",
                                "opacity": 1,
                                "padding": 12,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "flexShrink": 1,
                                  "width": "90%",
                                }
                              }
                            >
                              <Text
                                numberOfLines={1}
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "marginLeft": 9,
                                      },
                                    ],
                                  ]
                                }
                              >
                                Berty Default
                              </Text>
                            </View>
                            <View
                              accessible={true}
                              focusable={true}
                              onClick={[Function]}
                              onResponderGrant={[Function]}
                              onResponderMove={[Function]}
                              onResponderRelease={[Function]}
                              onResponderTerminate={[Function]}
                              onResponderTerminationRequest={[Function]}
                              onStartShouldSetResponder={[Function]}
                              style={
                                Object {
                                  "backgroundColor": "#EDF0F3",
                                  "borderColor": "#535AE4",
                                  "borderRadius": 30,
                                  "borderWidth": 1,
                                  "height": 27,
                                  "opacity": 1,
                                  "width": 50,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "alignItems": "center",
                                    "backgroundColor": "white",
                                    "borderRadius": 30,
                                    "height": 25,
                                    "justifyContent": "center",
                                    "left": 23,
                                    "position": "absolute",
                                    "width": 25,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <View
                                    style={
                                      Object {
                                        "transform": Array [
                                          Object {
                                            "scale": 1,
                                          },
                                        ],
                                      }
                                    }
                                  >
                                    <RNSVGMock
                                      fill="#535AE4"
                                      height={18}
                                      viewBox="0 0 24 24"
                                      width={18}
                                    />
                                  </View>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        accessible={true}
                        focusable={true}
                        onClick={[Function]}
                        onResponderGrant={[Function]}
                        onResponderMove={[Function]}
                        onResponderRelease={[Function]}
                        onResponderTerminate={[Function]}
                        onResponderTerminationRequest={[Function]}
                        onStartShouldSetResponder={[Function]}
                        style={
                          Object {
                            "flex": 1,
                            "flexDirection": "row",
                            "justifyContent": "center",
                            "opacity": 1,
                            "paddingHorizontal": 16,
                          }
                        }
                        testID="RdvpButton"
                      >
                        <View
                          style={
                            Object {
                              "height": 48,
                              "justifyContent": "center",
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "transform": Array [
                                  Object {
                                    "scale": 1,
                                  },
                                ],
                              }
                            }
                          >
                            <Text
                              allowFontScaling={false}
                              style={
                                Array [
                                  Object {
                                    "color": "#535AE4",
                                    "fontSize": 20,
                                  },
                                  Array [],
                                  Object {
                                    "fontFamily": "Feather",
                                    "fontStyle": "normal",
                                    "fontWeight": "normal",
                                  },
                                  Object {},
                                ]
                              }
                            >
                              
                            </Text>
                          </View>
                        </View>
                      </View>
                      <Modal
                        animationType="slide"
                        hardwareAccelerated={false}
                        transparent={true}
                        visible={false}
                      >
                        <View
                          style={
                            Object {
                              "borderTopLeftRadius": 30,
                              "borderTopRightRadius": 30,
                              "flex": 1,
                              "justifyContent": "flex-end",
                              "left": 0,
                              "paddingBottom": 0,
                              "right": 0,
                            }
                          }
                        >
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "elevation": 6,
                                "flex": 1,
                                "opacity": 1,
                                "zIndex": 6,
                              }
                            }
                          />
                          <View
                            onLayout={[Function]}
                            style={
                              Object {
                                "paddingBottom": 0,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                  "paddingBottom": 30,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "backgroundColor": "#FFFFFF",
                                  }
                                }
                              >
                                <Text
                                  style={
                                    Array [
                                      Object {
                                        "fontSize": 30,
                                      },
                                      Object {
                                        "color": "#383B62",
                                        "fontFamily": "Open Sans",
                                      },
                                      Array [
                                        Object {
                                          "margin": 16,
                                        },
                                        Object {
                                          "marginBottom": 32,
                                        },
                                        Object {
                                          "textAlign": "center",
                                        },
                                      ],
                                    ]
                                  }
                                >
                                  onboarding.custom-mode.settings.modals.add.title.rdvp
                                </Text>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 16,
                                      },
                                      Object {
                                        "marginBottom": 16,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "backgroundColor": "#F7F8FE",
                                        "borderRadius": 8,
                                        "height": 54,
                                        "opacity": 1,
                                        "paddingHorizontal": 16,
                                      }
                                    }
                                  >
                                    <TextInput
                                      allowFontScaling={true}
                                      autoCapitalize="none"
                                      autoCorrect={false}
                                      onChangeText={[Function]}
                                      placeholder="onboarding.custom-mode.settings.modals.alias"
                                      placeholderTextColor="#D0D0D6"
                                      rejectResponderTermination={true}
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#393C63",
                                            "flex": 1,
                                            "fontFamily": "Open Sans",
                                          },
                                        ]
                                      }
                                      underlineColorAndroid="transparent"
                                      value=""
                                    />
                                  </View>
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 16,
                                      },
                                      Object {
                                        "marginBottom": 16,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "backgroundColor": "#F7F8FE",
                                        "borderRadius": 8,
                                        "height": 54,
                                        "opacity": 1,
                                        "paddingHorizontal": 16,
                                      }
                                    }
                                  >
                                    <TextInput
                                      allowFontScaling={true}
                                      autoCapitalize="none"
                                      autoCorrect={false}
                                      multiline={true}
                                      onChangeText={[Function]}
                                      placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                      placeholderTextColor="#D0D0D6"
                                      rejectResponderTermination={true}
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#393C63",
                                            "flex": 1,
                                            "fontFamily": "Open Sans",
                                          },
                                        ]
                                      }
                                      underlineColorAndroid="transparent"
                                      value=""
                                    />
                                  </View>
                                  <View
                                    style={
                                      Array [
                                        Object {
                                          "paddingTop": 9,
                                        },
                                        Object {
                                          "paddingHorizontal": 9,
                                        },
                                      ]
                                    }
                                  >
                                    <Text
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#383B62",
                                            "fontFamily": "Open Sans",
                                          },
                                          Array [
                                            Object {
                                              "color": "#F64278",
                                            },
                                            Object {
                                              "fontSize": 26,
                                            },
                                          ],
                                        ]
                                      }
                                    >
                                      onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                    </Text>
                                  </View>
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "marginHorizontal": 40,
                                      },
                                    ]
                                  }
                                >
                                  <View
                                    accessible={true}
                                    focusable={true}
                                    onClick={[Function]}
                                    onResponderGrant={[Function]}
                                    onResponderMove={[Function]}
                                    onResponderRelease={[Function]}
                                    onResponderTerminate={[Function]}
                                    onResponderTerminationRequest={[Function]}
                                    onStartShouldSetResponder={[Function]}
                                    style={
                                      Object {
                                        "alignItems": "center",
                                        "backgroundColor": "#E9EAF1",
                                        "borderRadius": 8,
                                        "flexDirection": "row",
                                        "height": 44,
                                        "justifyContent": "center",
                                        "opacity": 1,
                                      }
                                    }
                                  >
                                    <Text
                                      style={
                                        Array [
                                          Object {
                                            "fontSize": 30,
                                          },
                                          Object {
                                            "color": "#383B62",
                                            "fontFamily": "Open Sans",
                                          },
                                          Array [
                                            Object {
                                              "textTransform": "uppercase",
                                            },
                                            Object {
                                              "color": "#F2F2F2",
                                            },
                                            Object {
                                              "fontFamily": "Bold Open Sans",
                                            },
                                          ],
                                        ]
                                      }
                                    >
                                      onboarding.custom-mode.settings.modals.buttons.add
                                    </Text>
                                  </View>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </Modal>
                    </View>
                  </RCTScrollView>
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "marginTop": 16,
                  },
                  Object {
                    "padding": 16,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "backgroundColor": "#FFFFFF",
                  },
                ]
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "paddingVertical": 9,
                    },
                    Object {
                      "marginHorizontal": 16,
                    },
                    Object {
                      "borderRadius": 16,
                    },
                    Object {
                      "paddingHorizontal": 16,
                    },
                    Object {
                      "flex": 1,
                    },
                  ]
                }
              >
                <View
                  style={
                    Object {
                      "alignItems": "center",
                      "flex": 1,
                      "flexDirection": "row",
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "paddingRight": 30,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "scale": 1,
                            },
                          ],
                        }
                      }
                    >
                      <AssetMock
                        color="#535AE4"
                        height={50}
                        style={Array []}
                        width={50}
                      />
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "flex": 6,
                        "justifyContent": "center",
                      }
                    }
                  >
                    <Text
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "fontSize": 44,
                              "lineHeight": 44,
                            },
                            Object {
                              "fontFamily": "Bold Open Sans",
                            },
                            Object {
                              "alignSelf": "flex-start",
                              "color": "#535AE4",
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.title
                    </Text>
                  </View>
                </View>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "#F7F8FE",
                      "borderRadius": 14,
                      "flex": 1,
                    },
                    Object {
                      "marginTop": 16,
                    },
                    Object {
                      "shadowOffset": Object {
                        "height": 1,
                        "width": 0,
                      },
                      "shadowOpacity": 0.2,
                      "shadowRadius": 2,
                    },
                    Object {
                      "shadowColor": "#000000",
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                      "height": 48,
                      "opacity": 1,
                      "paddingHorizontal": 16,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <AssetMock
                      color="#535AE4"
                      height={20}
                      style={Array []}
                      width={20}
                    />
                  </View>
                  <View
                    style={
                      Object {
                        "width": "80%",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "marginLeft": 9,
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.relay-button
                    </Text>
                  </View>
                  <View
                    style={
                      Object {
                        "alignItems": "flex-end",
                        "flex": 1,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "rotate": "0deg",
                            },
                          ],
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#393C63"
                          height={20}
                          viewBox="0 0 24 24"
                          width={20}
                        />
                      </View>
                    </View>
                  </View>
                </View>
                <RCTScrollView
                  nestedScrollEnabled={true}
                  scrollEventThrottle={0.0001}
                  showsVerticalScrollIndicator={false}
                  style={
                    Object {
                      "borderBottomLeftRadius": 14,
                      "borderBottomRightRadius": 14,
                      "maxHeight": 0,
                    }
                  }
                >
                  <View>
                    <View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        style={
                          Object {
                            "marginLeft": 16,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "alignItems": "center",
                              "flexDirection": "row",
                              "height": 48,
                              "justifyContent": "space-between",
                              "opacity": 1,
                              "padding": 12,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "flexShrink": 1,
                                "width": "90%",
                              }
                            }
                          >
                            <Text
                              numberOfLines={1}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 30,
                                  },
                                  Object {
                                    "color": "#383B62",
                                    "fontFamily": "Open Sans",
                                  },
                                  Array [
                                    Object {
                                      "marginLeft": 9,
                                    },
                                  ],
                                ]
                              }
                            >
                              Berty Default
                            </Text>
                          </View>
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "backgroundColor": "#EDF0F3",
                                "borderColor": "#535AE4",
                                "borderRadius": 30,
                                "borderWidth": 1,
                                "height": 27,
                                "opacity": 1,
                                "width": 50,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "backgroundColor": "white",
                                  "borderRadius": 30,
                                  "height": 25,
                                  "justifyContent": "center",
                                  "left": 23,
                                  "position": "absolute",
                                  "width": 25,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "opacity": 1,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "transform": Array [
                                        Object {
                                          "scale": 1,
                                        },
                                      ],
                                    }
                                  }
                                >
                                  <RNSVGMock
                                    fill="#535AE4"
                                    height={18}
                                    viewBox="0 0 24 24"
                                    width={18}
                                  />
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </View>
                    <View
                      style={
                        Object {
                          "backgroundColor": "#EDF1F7",
                          "height": 1,
                        }
                      }
                    />
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "flex": 1,
                          "flexDirection": "row",
                          "justifyContent": "center",
                          "opacity": 1,
                          "paddingHorizontal": 16,
                        }
                      }
                      testID="RelayButton"
                    >
                      <View
                        style={
                          Object {
                            "height": 48,
                            "justifyContent": "center",
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <Text
                            allowFontScaling={false}
                            style={
                              Array [
                                Object {
                                  "color": "#535AE4",
                                  "fontSize": 20,
                                },
                                Array [],
                                Object {
                                  "fontFamily": "Feather",
                                  "fontStyle": "normal",
                                  "fontWeight": "normal",
                                },
                                Object {},
                              ]
                            }
                          >
                            
                          </Text>
                        </View>
                      </View>
                    </View>
                    <Modal
                      animationType="slide"
                      hardwareAccelerated={false}
                      transparent={true}
                      visible={false}
                    >
                      <View
                        style={
                          Object {
                            "borderTopLeftRadius": 30,
                            "borderTopRightRadius": 30,
                            "flex": 1,
                            "justifyContent": "flex-end",
                            "left": 0,
                            "paddingBottom": 0,
                            "right": 0,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "elevation": 6,
                              "flex": 1,
                              "opacity": 1,
                              "zIndex": 6,
                            }
                          }
                        />
                        <View
                          onLayout={[Function]}
                          style={
                            Object {
                              "paddingBottom": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "backgroundColor": "#FFFFFF",
                                "paddingBottom": 30,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                }
                              }
                            >
                              <Text
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "margin": 16,
                                      },
                                      Object {
                                        "marginBottom": 32,
                                      },
                                      Object {
                                        "textAlign": "center",
                                      },
                                    ],
                                  ]
                                }
                              >
                                onboarding.custom-mode.settings.modals.add.title.relay
                              </Text>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.alias"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    multiline={true}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "paddingTop": 9,
                                      },
                                      Object {
                                        "paddingHorizontal": 9,
                                      },
                                    ]
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "color": "#F64278",
                                          },
                                          Object {
                                            "fontSize": 26,
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                  </Text>
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 40,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "alignItems": "center",
                                      "backgroundColor": "#E9EAF1",
                                      "borderRadius": 8,
                                      "flexDirection": "row",
                                      "height": 44,
                                      "justifyContent": "center",
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "textTransform": "uppercase",
                                          },
                                          Object {
                                            "color": "#F2F2F2",
                                          },
                                          Object {
                                            "fontFamily": "Bold Open Sans",
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.buttons.add
                                  </Text>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </Modal>
                  </View>
                </RCTScrollView>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "#F7F8FE",
                      "borderRadius": 14,
                      "flex": 1,
                    },
                    Object {
                      "marginTop": 16,
                    },
                    Object {
                      "shadowOffset": Object {
                        "height": 1,
                        "width": 0,
                      },
                      "shadowOpacity": 0.2,
                      "shadowRadius": 2,
                    },
                    Object {
                      "shadowColor": "#000000",
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "flexDirection": "row",
                      "height": 48,
                      "opacity": 1,
                      "paddingHorizontal": 16,
                    }
                  }
                >
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <AssetMock
                      color="#535AE4"
                      height={20}
                      style={Array []}
                      width={20}
                    />
                  </View>
                  <View
                    style={
                      Object {
                        "width": "80%",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "marginLeft": 9,
                            },
                          ],
                        ]
                      }
                    >
                      onboarding.custom-mode.settings.access.bootstrap-button
                    </Text>
                  </View>
                  <View
                    style={
                      Object {
                        "alignItems": "flex-end",
                        "flex": 1,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "transform": Array [
                            Object {
                              "rotate": "0deg",
                            },
                          ],
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#393C63"
                          height={20}
                          viewBox="0 0 24 24"
                          width={20}
                        />
                      </View>
                    </View>
                  </View>
                </View>
                <RCTScrollView
                  nestedScrollEnabled={true}
                  scrollEventThrottle={0.0001}
                  showsVerticalScrollIndicator={false}
                  style={
                    Object {
                      "borderBottomLeftRadius": 14,
                      "borderBottomRightRadius": 14,
                      "maxHeight": 0,
                    }
                  }
                >
                  <View>
                    <View>
                      <View
                        style={
                          Object {
                            "backgroundColor": "#EDF1F7",
                            "height": 1,
                          }
                        }
                      />
                      <View
                        style={
                          Object {
                            "marginLeft": 16,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "alignItems": "center",
                              "flexDirection": "row",
                              "height": 48,
                              "justifyContent": "space-between",
                              "opacity": 1,
                              "padding": 12,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "flexShrink": 1,
                                "width": "90%",
                              }
                            }
                          >
                            <Text
                              numberOfLines={1}
                              style={
                                Array [
                                  Object {
                                    "fontSize": 30,
                                  },
                                  Object {
                                    "color": "#383B62",
                                    "fontFamily": "Open Sans",
                                  },
                                  Array [
                                    Object {
                                      "marginLeft": 9,
                                    },
                                  ],
                                ]
                              }
                            >
                              Berty Default
                            </Text>
                          </View>
                          <View
                            accessible={true}
                            focusable={true}
                            onClick={[Function]}
                            onResponderGrant={[Function]}
                            onResponderMove={[Function]}
                            onResponderRelease={[Function]}
                            onResponderTerminate={[Function]}
                            onResponderTerminationRequest={[Function]}
                            onStartShouldSetResponder={[Function]}
                            style={
                              Object {
                                "backgroundColor": "#EDF0F3",
                                "borderColor": "#535AE4",
                                "borderRadius": 30,
                                "borderWidth": 1,
                                "height": 27,
                                "opacity": 1,
                                "width": 50,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                  "backgroundColor": "white",
                                  "borderRadius": 30,
                                  "height": 25,
                                  "justifyContent": "center",
                                  "left": 23,
                                  "position": "absolute",
                                  "width": 25,
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "opacity": 1,
                                  }
                                }
                              >
                                <View
                                  style={
                                    Object {
                                      "transform": Array [
                                        Object {
                                          "scale": 1,
                                        },
                                      ],
                                    }
                                  }
                                >
                                  <RNSVGMock
                                    fill="#535AE4"
                                    height={18}
                                    viewBox="0 0 24 24"
                                    width={18}
                                  />
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </View>
                    <View
                      style={
                        Object {
                          "backgroundColor": "#EDF1F7",
                          "height": 1,
                        }
                      }
                    />
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "flex": 1,
                          "flexDirection": "row",
                          "justifyContent": "center",
                          "opacity": 1,
                          "paddingHorizontal": 16,
                        }
                      }
                      testID="BootstrapButton"
                    >
                      <View
                        style={
                          Object {
                            "height": 48,
                            "justifyContent": "center",
                          }
                        }
                      >
                        <View
                          style={
                            Object {
                              "transform": Array [
                                Object {
                                  "scale": 1,
                                },
                              ],
                            }
                          }
                        >
                          <Text
                            allowFontScaling={false}
                            style={
                              Array [
                                Object {
                                  "color": "#535AE4",
                                  "fontSize": 20,
                                },
                                Array [],
                                Object {
                                  "fontFamily": "Feather",
                                  "fontStyle": "normal",
                                  "fontWeight": "normal",
                                },
                                Object {},
                              ]
                            }
                          >
                            
                          </Text>
                        </View>
                      </View>
                    </View>
                    <Modal
                      animationType="slide"
                      hardwareAccelerated={false}
                      transparent={true}
                      visible={false}
                    >
                      <View
                        style={
                          Object {
                            "borderTopLeftRadius": 30,
                            "borderTopRightRadius": 30,
                            "flex": 1,
                            "justifyContent": "flex-end",
                            "left": 0,
                            "paddingBottom": 0,
                            "right": 0,
                          }
                        }
                      >
                        <View
                          accessible={true}
                          focusable={true}
                          onClick={[Function]}
                          onResponderGrant={[Function]}
                          onResponderMove={[Function]}
                          onResponderRelease={[Function]}
                          onResponderTerminate={[Function]}
                          onResponderTerminationRequest={[Function]}
                          onStartShouldSetResponder={[Function]}
                          style={
                            Object {
                              "elevation": 6,
                              "flex": 1,
                              "opacity": 1,
                              "zIndex": 6,
                            }
                          }
                        />
                        <View
                          onLayout={[Function]}
                          style={
                            Object {
                              "paddingBottom": 0,
                            }
                          }
                        >
                          <View
                            style={
                              Object {
                                "backgroundColor": "#FFFFFF",
                                "paddingBottom": 30,
                              }
                            }
                          >
                            <View
                              style={
                                Object {
                                  "backgroundColor": "#FFFFFF",
                                }
                              }
                            >
                              <Text
                                style={
                                  Array [
                                    Object {
                                      "fontSize": 30,
                                    },
                                    Object {
                                      "color": "#383B62",
                                      "fontFamily": "Open Sans",
                                    },
                                    Array [
                                      Object {
                                        "margin": 16,
                                      },
                                      Object {
                                        "marginBottom": 32,
                                      },
                                      Object {
                                        "textAlign": "center",
                                      },
                                    ],
                                  ]
                                }
                              >
                                onboarding.custom-mode.settings.modals.add.title.bootstrap
                              </Text>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.alias"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 16,
                                    },
                                    Object {
                                      "marginBottom": 16,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "backgroundColor": "#F7F8FE",
                                      "borderRadius": 8,
                                      "height": 54,
                                      "opacity": 1,
                                      "paddingHorizontal": 16,
                                    }
                                  }
                                >
                                  <TextInput
                                    allowFontScaling={true}
                                    autoCapitalize="none"
                                    autoCorrect={false}
                                    multiline={true}
                                    onChangeText={[Function]}
                                    placeholder="onboarding.custom-mode.settings.modals.multiaddress"
                                    placeholderTextColor="#D0D0D6"
                                    rejectResponderTermination={true}
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#393C63",
                                          "flex": 1,
                                          "fontFamily": "Open Sans",
                                        },
                                      ]
                                    }
                                    underlineColorAndroid="transparent"
                                    value=""
                                  />
                                </View>
                                <View
                                  style={
                                    Array [
                                      Object {
                                        "paddingTop": 9,
                                      },
                                      Object {
                                        "paddingHorizontal": 9,
                                      },
                                    ]
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "color": "#F64278",
                                          },
                                          Object {
                                            "fontSize": 26,
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.errors.multiaddr-bad-format
                                  </Text>
                                </View>
                              </View>
                              <View
                                style={
                                  Array [
                                    Object {
                                      "marginHorizontal": 40,
                                    },
                                  ]
                                }
                              >
                                <View
                                  accessible={true}
                                  focusable={true}
                                  onClick={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "alignItems": "center",
                                      "backgroundColor": "#E9EAF1",
                                      "borderRadius": 8,
                                      "flexDirection": "row",
                                      "height": 44,
                                      "justifyContent": "center",
                                      "opacity": 1,
                                    }
                                  }
                                >
                                  <Text
                                    style={
                                      Array [
                                        Object {
                                          "fontSize": 30,
                                        },
                                        Object {
                                          "color": "#383B62",
                                          "fontFamily": "Open Sans",
                                        },
                                        Array [
                                          Object {
                                            "textTransform": "uppercase",
                                          },
                                          Object {
                                            "color": "#F2F2F2",
                                          },
                                          Object {
                                            "fontFamily": "Bold Open Sans",
                                          },
                                        ],
                                      ]
                                    }
                                  >
                                    onboarding.custom-mode.settings.modals.buttons.add
                                  </Text>
                                </View>
                              </View>
                            </View>
                          </View>
                        </View>
                      </View>
                    </Modal>
                  </View>
                </RCTScrollView>
              </View>
            </View>
          </View>
          <View
            style={
              Object {
                "alignItems": "center",
                "flexDirection": "row",
              }
            }
          >
            <View
              style={
                Array [
                  Object {
                    "padding": 2,
                  },
                  Object {
                    "borderRadius": 16,
                  },
                  Object {
                    "alignItems": "center",
                    "flexDirection": "row",
                  },
                ]
              }
            >
              <Text
                style={
                  Array [
                    Object {
                      "fontSize": 30,
                    },
                    Object {
                      "color": "#383B62",
                      "fontFamily": "Open Sans",
                    },
                    Object {
                      "color": "#FFFFFF",
                    },
                  ]
                }
              >
                onboarding.custom-mode.settings.all-button
              </Text>
              <View
                style={
                  Array [
                    Object {
                      "padding": 9,
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "backgroundColor": "#DEE2E8",
                      "borderColor": "#F7F8FF",
                      "borderRadius": 30,
                      "borderWidth": 1,
                      "height": 27,
                      "opacity": 1,
                      "width": 50,
                    }
                  }
                  testID="NetworkAllButton"
                >
                  <View
                    style={
                      Object {
                        "alignItems": "center",
                        "backgroundColor": "#535AE4",
                        "borderRadius": 30,
                        "height": 25,
                        "justifyContent": "center",
                        "left": 0,
                        "position": "absolute",
                        "width": 25,
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "opacity": 0,
                        }
                      }
                    >
                      <View
                        style={
                          Object {
                            "transform": Array [
                              Object {
                                "scale": 1,
                              },
                            ],
                          }
                        }
                      >
                        <RNSVGMock
                          fill="#F7F8FF"
                          height={18}
                          viewBox="0 0 24 24"
                          width={18}
                        />
                      </View>
                    </View>
                  </View>
                </View>
              </View>
            </View>
            <View
              style={
                Object {
                  "alignSelf": "center",
                  "flex": 1,
                }
              }
            >
              <View
                style={
                  Array [
                    Object {
                      "padding": 16,
                    },
                  ]
                }
              >
                <View
                  accessible={true}
                  focusable={true}
                  onClick={[Function]}
                  onResponderGrant={[Function]}
                  onResponderMove={[Function]}
                  onResponderRelease={[Function]}
                  onResponderTerminate={[Function]}
                  onResponderTerminationRequest={[Function]}
                  onStartShouldSetResponder={[Function]}
                  style={
                    Object {
                      "alignItems": "center",
                      "backgroundColor": "#3F49EA",
                      "borderRadius": 16,
                      "opacity": 1,
                      "padding": 16,
                    }
                  }
                >
                  <Text
                    style={
                      Array [
                        Object {
                          "fontSize": 30,
                        },
                        Object {
                          "color": "#383B62",
                          "fontFamily": "Open Sans",
                        },
                        Array [
                          Object {
                            "fontFamily": "Bold Open Sans",
                          },
                          Object {
                            "color": "#FFFFFF",
                          },
                        ],
                      ]
                    }
                  >
                    onboarding.custom-mode.settings.accept-button
                  </Text>
                </View>
              </View>
            </View>
          </View>
        </View>
      </RCTScrollView>
    </RCTSafeAreaView>
  </View>
</RNCSafeAreaProvider>
`;
