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

exports[`BackupScreen renders backup options when none are completed 1`] = `
<View
  sentry-label="Screen"
  style={
    {
      "backgroundColor": "#FFFFFF",
      "flex": 1,
      "flexDirection": "column",
      "paddingLeft": undefined,
      "paddingRight": undefined,
      "paddingTop": 200,
    }
  }
>
  <View
    onLayout={[Function]}
    style={
      [
        [
          {
            "flex": 1,
            "justifyContent": "flex-end",
          },
          {
            "marginBottom": undefined,
          },
        ],
        {
          "paddingBottom": 0,
        },
      ]
    }
  >
    <View
      collapsable={false}
      entering={[Function]}
      exiting={[Function]}
      jestAnimatedStyle={
        {
          "value": {},
        }
      }
      style={
        {
          "flexDirection": "column",
          "flexGrow": 1,
          "gap": 16,
          "paddingBottom": 16,
          "paddingLeft": 16,
          "paddingRight": 16,
        }
      }
    >
      <View
        style={
          {
            "alignItems": "center",
            "flexDirection": "column",
            "gap": 12,
            "justifyContent": "center",
            "marginBottom": 12,
            "marginLeft": 12,
            "marginRight": 12,
            "marginTop": 12,
          }
        }
      >
        <Text
          allowFontScaling={false}
          maxFontSizeMultiplier={1.2}
          style={
            {
              "color": "#222222",
              "fontFamily": "Basel-Book",
              "fontSize": 25,
              "lineHeight": 32,
              "paddingTop": 0,
              "textAlign": "center",
            }
          }
          suppressHighlighting={true}
        >
          Choose a backup method
        </Text>
        <Text
          allowFontScaling={true}
          maxFontSizeMultiplier={1.4}
          style={
            {
              "color": "#7D7D7D",
              "fontFamily": "Basel-Book",
              "fontSize": 17,
              "lineHeight": 24,
              "textAlign": "center",
            }
          }
          suppressHighlighting={true}
        >
          Backups let you restore your wallet if you delete the app or lose your device
        </Text>
      </View>
      <View
        style={
          {
            "flex": 1,
            "flexDirection": "column",
            "flexGrow": 1,
            "justifyContent": "space-between",
          }
        }
      >
        <View
          style={
            {
              "flexDirection": "column",
              "flexGrow": 1,
              "justifyContent": "space-between",
            }
          }
        >
          <View
            style={
              {
                "flexDirection": "column",
                "gap": 24,
              }
            }
          >
            <View
              style={
                {
                  "flexDirection": "column",
                  "gap": 12,
                  "shadowColor": "rgb(34,34,34)",
                  "shadowOffset": {
                    "height": 0,
                    "width": 0,
                  },
                  "shadowOpacity": 0.050980392156862744,
                  "shadowRadius": 8,
                }
              }
            >
              <View
                cancelable={true}
                disabled={false}
                focusable={true}
                hitSlop={[Function]}
                minPressDuration={0}
                onBlur={[Function]}
                onFocus={[Function]}
                onMouseEnter={[Function]}
                onMouseLeave={[Function]}
                onPress={[Function]}
                onPressIn={[Function]}
                onPressOut={[Function]}
                style={
                  {
                    "backgroundColor": "#FFFFFF",
                    "borderBottomColor": "#2222220D",
                    "borderBottomLeftRadius": 20,
                    "borderBottomRightRadius": 20,
                    "borderBottomWidth": 1,
                    "borderLeftColor": "#2222220D",
                    "borderLeftWidth": 1,
                    "borderRightColor": "#2222220D",
                    "borderRightWidth": 1,
                    "borderStyle": "solid",
                    "borderTopColor": "#2222220D",
                    "borderTopLeftRadius": 20,
                    "borderTopRightRadius": 20,
                    "borderTopWidth": 1,
                    "flexDirection": "column",
                    "opacity": 1,
                    "paddingBottom": 16,
                    "paddingLeft": 16,
                    "paddingRight": 16,
                    "paddingTop": 16,
                    "transform": [
                      {
                        "scale": 1,
                      },
                    ],
                  }
                }
                testID="add-cloud-backup"
              >
                <View
                  style={
                    {
                      "alignContent": "center",
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "gap": 16,
                    }
                  }
                >
                  <View
                    style={
                      {
                        "alignItems": "center",
                        "backgroundColor": "#FC72FF1f",
                        "borderBottomLeftRadius": 999999,
                        "borderBottomRightRadius": 999999,
                        "borderTopLeftRadius": 999999,
                        "borderTopRightRadius": 999999,
                        "flexDirection": "column",
                        "height": 24,
                        "justifyContent": "center",
                        "paddingBottom": 16,
                        "paddingLeft": 16,
                        "paddingRight": 16,
                        "paddingTop": 16,
                        "width": 24,
                      }
                    }
                  >
                    <RNSVGSvgView
                      align="xMidYMid"
                      bbHeight="16"
                      bbWidth="16"
                      fill="none"
                      focusable={false}
                      meetOrSlice={0}
                      minX={0}
                      minY={0}
                      strokeWidth={8}
                      style={
                        [
                          {
                            "backgroundColor": "transparent",
                            "borderWidth": 0,
                          },
                          {
                            "color": "#FC72FF",
                            "height": 16,
                            "width": 16,
                          },
                          {
                            "flex": 0,
                            "height": 16,
                            "width": 16,
                          },
                        ]
                      }
                      tintColor="#FC72FF"
                      vbHeight={24}
                      vbWidth={24}
                    >
                      <RNSVGGroup
                        fill={null}
                        propList={
                          [
                            "fill",
                            "strokeWidth",
                          ]
                        }
                        strokeWidth="8"
                      >
                        <RNSVGPath
                          d="M15.03 9.09003C15.35 9.03003 15.67 9 16 9C18.76 9 21 11.24 21 14C21 16.76 18.76 19 16 19H9.5C5.91 19 3 16.09 3 12.5C3 8.91 5.91 6 9.5 6C11.146 6 12.648 6.61297 13.792 7.62097C14.274 8.04597 14.692 8.54103 15.03 9.09003Z"
                          fill={
                            {
                              "type": 2,
                            }
                          }
                          propList={
                            [
                              "fill",
                            ]
                          }
                        />
                      </RNSVGGroup>
                    </RNSVGSvgView>
                  </View>
                  <View
                    style={
                      {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "gap": 4,
                        "paddingRight": 60,
                      }
                    }
                  >
                    <View
                      style={
                        {
                          "alignItems": "flex-start",
                          "flex": 1,
                          "flexDirection": "column",
                          "gap": 4,
                          "justifyContent": "space-around",
                        }
                      }
                    >
                      <View
                        style={
                          {
                            "flexDirection": "row",
                            "gap": 8,
                          }
                        }
                      >
                        <Text
                          allowFontScaling={false}
                          maxFontSizeMultiplier={1.4}
                          style={
                            {
                              "color": "#222222",
                              "fontFamily": "Basel-Book",
                              "fontSize": 17,
                              "lineHeight": 24,
                            }
                          }
                          suppressHighlighting={true}
                        >
                          iCloud backup
                        </Text>
                      </View>
                      <Text
                        allowFontScaling={false}
                        maxFontSizeMultiplier={1.4}
                        style={
                          {
                            "color": "#7D7D7D",
                            "fontFamily": "Basel-Book",
                            "fontSize": 15,
                            "lineHeight": 20,
                          }
                        }
                        suppressHighlighting={true}
                      >
                        Encrypt your recovery phrase with a secure password
                      </Text>
                    </View>
                  </View>
                </View>
              </View>
              <View
                cancelable={true}
                disabled={false}
                focusable={true}
                hitSlop={[Function]}
                minPressDuration={0}
                onBlur={[Function]}
                onFocus={[Function]}
                onMouseEnter={[Function]}
                onMouseLeave={[Function]}
                onPress={[Function]}
                onPressIn={[Function]}
                onPressOut={[Function]}
                style={
                  {
                    "backgroundColor": "#FFFFFF",
                    "borderBottomColor": "#2222220D",
                    "borderBottomLeftRadius": 20,
                    "borderBottomRightRadius": 20,
                    "borderBottomWidth": 1,
                    "borderLeftColor": "#2222220D",
                    "borderLeftWidth": 1,
                    "borderRightColor": "#2222220D",
                    "borderRightWidth": 1,
                    "borderStyle": "solid",
                    "borderTopColor": "#2222220D",
                    "borderTopLeftRadius": 20,
                    "borderTopRightRadius": 20,
                    "borderTopWidth": 1,
                    "flexDirection": "column",
                    "opacity": 1,
                    "paddingBottom": 16,
                    "paddingLeft": 16,
                    "paddingRight": 16,
                    "paddingTop": 16,
                    "transform": [
                      {
                        "scale": 1,
                      },
                    ],
                  }
                }
                testID="add-manual-backup"
              >
                <View
                  style={
                    {
                      "alignContent": "center",
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "gap": 16,
                    }
                  }
                >
                  <View
                    style={
                      {
                        "alignItems": "center",
                        "backgroundColor": "#FC72FF1f",
                        "borderBottomLeftRadius": 999999,
                        "borderBottomRightRadius": 999999,
                        "borderTopLeftRadius": 999999,
                        "borderTopRightRadius": 999999,
                        "flexDirection": "column",
                        "height": 24,
                        "justifyContent": "center",
                        "paddingBottom": 16,
                        "paddingLeft": 16,
                        "paddingRight": 16,
                        "paddingTop": 16,
                        "width": 24,
                      }
                    }
                  >
                    <svg
                      color="#FC72FF"
                      data-file-name="SvgPaperStack"
                      height={16}
                    />
                  </View>
                  <View
                    style={
                      {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "gap": 4,
                        "paddingRight": 60,
                      }
                    }
                  >
                    <View
                      style={
                        {
                          "alignItems": "flex-start",
                          "flex": 1,
                          "flexDirection": "column",
                          "gap": 4,
                          "justifyContent": "space-around",
                        }
                      }
                    >
                      <View
                        style={
                          {
                            "flexDirection": "row",
                            "gap": 8,
                          }
                        }
                      >
                        <Text
                          allowFontScaling={false}
                          maxFontSizeMultiplier={1.4}
                          style={
                            {
                              "color": "#222222",
                              "fontFamily": "Basel-Book",
                              "fontSize": 17,
                              "lineHeight": 24,
                            }
                          }
                          suppressHighlighting={true}
                        >
                          Manual backup
                        </Text>
                      </View>
                      <Text
                        allowFontScaling={false}
                        maxFontSizeMultiplier={1.4}
                        style={
                          {
                            "color": "#7D7D7D",
                            "fontFamily": "Basel-Book",
                            "fontSize": 15,
                            "lineHeight": 20,
                          }
                        }
                        suppressHighlighting={true}
                      >
                        Write your recovery phrase down and store it in a safe location
                      </Text>
                    </View>
                  </View>
                </View>
              </View>
            </View>
          </View>
          <View
            style={
              {
                "flexDirection": "column",
                "gap": 12,
                "justifyContent": "flex-end",
              }
            }
          >
            <View
              cancelable={true}
              disabled={false}
              focusable={true}
              hitSlop={[Function]}
              minPressDuration={0}
              onBlur={[Function]}
              onFocus={[Function]}
              onMouseEnter={[Function]}
              onMouseLeave={[Function]}
              onPress={[Function]}
              onPressIn={[Function]}
              onPressOut={[Function]}
              style={
                {
                  "alignItems": "center",
                  "alignSelf": "center",
                  "flexDirection": "row",
                  "gap": 8,
                  "opacity": 1,
                  "paddingBottom": 8,
                  "paddingTop": 8,
                  "transform": [
                    {
                      "scale": 1,
                    },
                  ],
                }
              }
            >
              <RNSVGSvgView
                align="xMidYMid"
                bbHeight="20"
                bbWidth="20"
                fill="none"
                focusable={false}
                meetOrSlice={0}
                minX={0}
                minY={0}
                strokeWidth={8}
                style={
                  [
                    {
                      "backgroundColor": "transparent",
                      "borderWidth": 0,
                    },
                    {
                      "color": "#CECECE",
                      "height": 20,
                      "width": 20,
                    },
                    {
                      "flex": 0,
                      "height": 20,
                      "width": 20,
                    },
                  ]
                }
                tintColor="#CECECE"
                vbHeight={24}
                vbWidth={24}
              >
                <RNSVGGroup
                  fill={null}
                  propList={
                    [
                      "fill",
                      "strokeWidth",
                    ]
                  }
                  strokeWidth="8"
                >
                  <RNSVGPath
                    d="M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12.02 17.5C11.468 17.5 11.0149 17.052 11.0149 16.5C11.0149 15.948 11.458 15.5 12.01 15.5H12.02C12.573 15.5 13.02 15.948 13.02 16.5C13.02 17.052 12.572 17.5 12.02 17.5ZM13.603 12.5281C12.872 13.0181 12.7359 13.291 12.7109 13.363C12.6059 13.676 12.314 13.874 12 13.874C11.921 13.874 11.841 13.862 11.762 13.835C11.369 13.703 11.1581 13.278 11.2891 12.885C11.4701 12.345 11.9391 11.836 12.7671 11.281C13.7881 10.597 13.657 9.84707 13.614 9.60107C13.501 8.94707 12.95 8.38988 12.303 8.27588C11.811 8.18588 11.3301 8.31488 10.9541 8.62988C10.5761 8.94688 10.3589 9.41391 10.3589 9.90991C10.3589 10.3239 10.0229 10.6599 9.60889 10.6599C9.19489 10.6599 8.85889 10.3239 8.85889 9.90991C8.85889 8.96891 9.27099 8.08396 9.98999 7.48096C10.702 6.88496 11.639 6.63605 12.564 6.80005C13.831 7.02405 14.8701 8.07097 15.0911 9.34497C15.3111 10.607 14.782 11.7381 13.603 12.5281Z"
                    fill={
                      {
                        "type": 2,
                      }
                    }
                    propList={
                      [
                        "fill",
                      ]
                    }
                  />
                </RNSVGGroup>
              </RNSVGSvgView>
              <Text
                allowFontScaling={true}
                maxFontSizeMultiplier={1.4}
                style={
                  {
                    "color": "#CECECE",
                    "fontFamily": "Basel-Book",
                    "fontSize": 17,
                    "lineHeight": 24,
                  }
                }
                suppressHighlighting={true}
              >
                What’s a recovery phrase?
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
  </View>
</View>
`;

exports[`BackupScreen renders backup options when some are completed 1`] = `
<View
  sentry-label="Screen"
  style={
    {
      "backgroundColor": "#FFFFFF",
      "flex": 1,
      "flexDirection": "column",
      "paddingLeft": undefined,
      "paddingRight": undefined,
      "paddingTop": 200,
    }
  }
>
  <View
    onLayout={[Function]}
    style={
      [
        [
          {
            "flex": 1,
            "justifyContent": "flex-end",
          },
          {
            "marginBottom": undefined,
          },
        ],
        {
          "paddingBottom": 0,
        },
      ]
    }
  >
    <View
      collapsable={false}
      entering={[Function]}
      exiting={[Function]}
      jestAnimatedStyle={
        {
          "value": {},
        }
      }
      style={
        {
          "flexDirection": "column",
          "flexGrow": 1,
          "gap": 16,
          "paddingBottom": 16,
          "paddingLeft": 16,
          "paddingRight": 16,
        }
      }
    >
      <View
        style={
          {
            "alignItems": "center",
            "flexDirection": "column",
            "gap": 12,
            "justifyContent": "center",
            "marginBottom": 12,
            "marginLeft": 12,
            "marginRight": 12,
            "marginTop": 12,
          }
        }
      >
        <Text
          allowFontScaling={false}
          maxFontSizeMultiplier={1.2}
          style={
            {
              "color": "#222222",
              "fontFamily": "Basel-Book",
              "fontSize": 25,
              "lineHeight": 32,
              "paddingTop": 0,
              "textAlign": "center",
            }
          }
          suppressHighlighting={true}
        >
          Choose a backup method
        </Text>
        <Text
          allowFontScaling={true}
          maxFontSizeMultiplier={1.4}
          style={
            {
              "color": "#7D7D7D",
              "fontFamily": "Basel-Book",
              "fontSize": 17,
              "lineHeight": 24,
              "textAlign": "center",
            }
          }
          suppressHighlighting={true}
        >
          Backups let you restore your wallet if you delete the app or lose your device
        </Text>
      </View>
      <View
        style={
          {
            "flex": 1,
            "flexDirection": "column",
            "flexGrow": 1,
            "justifyContent": "space-between",
          }
        }
      >
        <View
          style={
            {
              "flexDirection": "column",
              "flexGrow": 1,
              "justifyContent": "space-between",
            }
          }
        >
          <View
            style={
              {
                "flexDirection": "column",
                "gap": 24,
              }
            }
          >
            <View
              style={
                {
                  "flexDirection": "column",
                  "gap": 12,
                  "shadowColor": "rgb(34,34,34)",
                  "shadowOffset": {
                    "height": 0,
                    "width": 0,
                  },
                  "shadowOpacity": 0.050980392156862744,
                  "shadowRadius": 8,
                }
              }
            >
              <View
                cancelable={true}
                disabled={false}
                focusable={true}
                hitSlop={[Function]}
                minPressDuration={0}
                onBlur={[Function]}
                onFocus={[Function]}
                onMouseEnter={[Function]}
                onMouseLeave={[Function]}
                onPress={[Function]}
                onPressIn={[Function]}
                onPressOut={[Function]}
                style={
                  {
                    "backgroundColor": "#FFFFFF",
                    "borderBottomColor": "#2222220D",
                    "borderBottomLeftRadius": 20,
                    "borderBottomRightRadius": 20,
                    "borderBottomWidth": 1,
                    "borderLeftColor": "#2222220D",
                    "borderLeftWidth": 1,
                    "borderRightColor": "#2222220D",
                    "borderRightWidth": 1,
                    "borderStyle": "solid",
                    "borderTopColor": "#2222220D",
                    "borderTopLeftRadius": 20,
                    "borderTopRightRadius": 20,
                    "borderTopWidth": 1,
                    "flexDirection": "column",
                    "opacity": 1,
                    "paddingBottom": 16,
                    "paddingLeft": 16,
                    "paddingRight": 16,
                    "paddingTop": 16,
                    "transform": [
                      {
                        "scale": 1,
                      },
                    ],
                  }
                }
                testID="add-cloud-backup"
              >
                <View
                  style={
                    {
                      "alignContent": "center",
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "gap": 16,
                    }
                  }
                >
                  <View
                    style={
                      {
                        "alignItems": "center",
                        "backgroundColor": "#FC72FF1f",
                        "borderBottomLeftRadius": 999999,
                        "borderBottomRightRadius": 999999,
                        "borderTopLeftRadius": 999999,
                        "borderTopRightRadius": 999999,
                        "flexDirection": "column",
                        "height": 24,
                        "justifyContent": "center",
                        "paddingBottom": 16,
                        "paddingLeft": 16,
                        "paddingRight": 16,
                        "paddingTop": 16,
                        "width": 24,
                      }
                    }
                  >
                    <RNSVGSvgView
                      align="xMidYMid"
                      bbHeight="16"
                      bbWidth="16"
                      fill="none"
                      focusable={false}
                      meetOrSlice={0}
                      minX={0}
                      minY={0}
                      strokeWidth={8}
                      style={
                        [
                          {
                            "backgroundColor": "transparent",
                            "borderWidth": 0,
                          },
                          {
                            "color": "#FC72FF",
                            "height": 16,
                            "width": 16,
                          },
                          {
                            "flex": 0,
                            "height": 16,
                            "width": 16,
                          },
                        ]
                      }
                      tintColor="#FC72FF"
                      vbHeight={24}
                      vbWidth={24}
                    >
                      <RNSVGGroup
                        fill={null}
                        propList={
                          [
                            "fill",
                            "strokeWidth",
                          ]
                        }
                        strokeWidth="8"
                      >
                        <RNSVGPath
                          d="M15.03 9.09003C15.35 9.03003 15.67 9 16 9C18.76 9 21 11.24 21 14C21 16.76 18.76 19 16 19H9.5C5.91 19 3 16.09 3 12.5C3 8.91 5.91 6 9.5 6C11.146 6 12.648 6.61297 13.792 7.62097C14.274 8.04597 14.692 8.54103 15.03 9.09003Z"
                          fill={
                            {
                              "type": 2,
                            }
                          }
                          propList={
                            [
                              "fill",
                            ]
                          }
                        />
                      </RNSVGGroup>
                    </RNSVGSvgView>
                  </View>
                  <View
                    style={
                      {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "gap": 4,
                        "paddingRight": 60,
                      }
                    }
                  >
                    <View
                      style={
                        {
                          "alignItems": "flex-start",
                          "flex": 1,
                          "flexDirection": "column",
                          "gap": 4,
                          "justifyContent": "space-around",
                        }
                      }
                    >
                      <View
                        style={
                          {
                            "flexDirection": "row",
                            "gap": 8,
                          }
                        }
                      >
                        <Text
                          allowFontScaling={false}
                          maxFontSizeMultiplier={1.4}
                          style={
                            {
                              "color": "#222222",
                              "fontFamily": "Basel-Book",
                              "fontSize": 17,
                              "lineHeight": 24,
                            }
                          }
                          suppressHighlighting={true}
                        >
                          iCloud backup
                        </Text>
                      </View>
                      <Text
                        allowFontScaling={false}
                        maxFontSizeMultiplier={1.4}
                        style={
                          {
                            "color": "#7D7D7D",
                            "fontFamily": "Basel-Book",
                            "fontSize": 15,
                            "lineHeight": 20,
                          }
                        }
                        suppressHighlighting={true}
                      >
                        Encrypt your recovery phrase with a secure password
                      </Text>
                    </View>
                  </View>
                </View>
              </View>
              <View
                cancelable={true}
                disabled={false}
                focusable={true}
                hitSlop={[Function]}
                minPressDuration={0}
                onBlur={[Function]}
                onFocus={[Function]}
                onMouseEnter={[Function]}
                onMouseLeave={[Function]}
                onPress={[Function]}
                onPressIn={[Function]}
                onPressOut={[Function]}
                style={
                  {
                    "backgroundColor": "#FFFFFF",
                    "borderBottomColor": "#2222220D",
                    "borderBottomLeftRadius": 20,
                    "borderBottomRightRadius": 20,
                    "borderBottomWidth": 1,
                    "borderLeftColor": "#2222220D",
                    "borderLeftWidth": 1,
                    "borderRightColor": "#2222220D",
                    "borderRightWidth": 1,
                    "borderStyle": "solid",
                    "borderTopColor": "#2222220D",
                    "borderTopLeftRadius": 20,
                    "borderTopRightRadius": 20,
                    "borderTopWidth": 1,
                    "flexDirection": "column",
                    "opacity": 1,
                    "paddingBottom": 16,
                    "paddingLeft": 16,
                    "paddingRight": 16,
                    "paddingTop": 16,
                    "transform": [
                      {
                        "scale": 1,
                      },
                    ],
                  }
                }
                testID="add-manual-backup"
              >
                <View
                  style={
                    {
                      "alignContent": "center",
                      "alignItems": "flex-start",
                      "flexDirection": "row",
                      "gap": 16,
                    }
                  }
                >
                  <View
                    style={
                      {
                        "alignItems": "center",
                        "backgroundColor": "#FC72FF1f",
                        "borderBottomLeftRadius": 999999,
                        "borderBottomRightRadius": 999999,
                        "borderTopLeftRadius": 999999,
                        "borderTopRightRadius": 999999,
                        "flexDirection": "column",
                        "height": 24,
                        "justifyContent": "center",
                        "paddingBottom": 16,
                        "paddingLeft": 16,
                        "paddingRight": 16,
                        "paddingTop": 16,
                        "width": 24,
                      }
                    }
                  >
                    <svg
                      color="#FC72FF"
                      data-file-name="SvgPaperStack"
                      height={16}
                    />
                  </View>
                  <View
                    style={
                      {
                        "alignItems": "center",
                        "flexDirection": "row",
                        "gap": 4,
                        "paddingRight": 60,
                      }
                    }
                  >
                    <View
                      style={
                        {
                          "alignItems": "flex-start",
                          "flex": 1,
                          "flexDirection": "column",
                          "gap": 4,
                          "justifyContent": "space-around",
                        }
                      }
                    >
                      <View
                        style={
                          {
                            "flexDirection": "row",
                            "gap": 8,
                          }
                        }
                      >
                        <Text
                          allowFontScaling={false}
                          maxFontSizeMultiplier={1.4}
                          style={
                            {
                              "color": "#222222",
                              "fontFamily": "Basel-Book",
                              "fontSize": 17,
                              "lineHeight": 24,
                            }
                          }
                          suppressHighlighting={true}
                        >
                          Manual backup
                        </Text>
                      </View>
                      <Text
                        allowFontScaling={false}
                        maxFontSizeMultiplier={1.4}
                        style={
                          {
                            "color": "#7D7D7D",
                            "fontFamily": "Basel-Book",
                            "fontSize": 15,
                            "lineHeight": 20,
                          }
                        }
                        suppressHighlighting={true}
                      >
                        Write your recovery phrase down and store it in a safe location
                      </Text>
                    </View>
                  </View>
                </View>
              </View>
            </View>
          </View>
          <View
            style={
              {
                "flexDirection": "column",
                "gap": 12,
                "justifyContent": "flex-end",
              }
            }
          >
            <View
              cancelable={true}
              disabled={false}
              focusable={true}
              hitSlop={[Function]}
              minPressDuration={0}
              onBlur={[Function]}
              onFocus={[Function]}
              onMouseEnter={[Function]}
              onMouseLeave={[Function]}
              onPress={[Function]}
              onPressIn={[Function]}
              onPressOut={[Function]}
              style={
                {
                  "alignItems": "center",
                  "alignSelf": "center",
                  "flexDirection": "row",
                  "gap": 8,
                  "opacity": 1,
                  "paddingBottom": 8,
                  "paddingTop": 8,
                  "transform": [
                    {
                      "scale": 1,
                    },
                  ],
                }
              }
            >
              <RNSVGSvgView
                align="xMidYMid"
                bbHeight="20"
                bbWidth="20"
                fill="none"
                focusable={false}
                meetOrSlice={0}
                minX={0}
                minY={0}
                strokeWidth={8}
                style={
                  [
                    {
                      "backgroundColor": "transparent",
                      "borderWidth": 0,
                    },
                    {
                      "color": "#CECECE",
                      "height": 20,
                      "width": 20,
                    },
                    {
                      "flex": 0,
                      "height": 20,
                      "width": 20,
                    },
                  ]
                }
                tintColor="#CECECE"
                vbHeight={24}
                vbWidth={24}
              >
                <RNSVGGroup
                  fill={null}
                  propList={
                    [
                      "fill",
                      "strokeWidth",
                    ]
                  }
                  strokeWidth="8"
                >
                  <RNSVGPath
                    d="M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12.02 17.5C11.468 17.5 11.0149 17.052 11.0149 16.5C11.0149 15.948 11.458 15.5 12.01 15.5H12.02C12.573 15.5 13.02 15.948 13.02 16.5C13.02 17.052 12.572 17.5 12.02 17.5ZM13.603 12.5281C12.872 13.0181 12.7359 13.291 12.7109 13.363C12.6059 13.676 12.314 13.874 12 13.874C11.921 13.874 11.841 13.862 11.762 13.835C11.369 13.703 11.1581 13.278 11.2891 12.885C11.4701 12.345 11.9391 11.836 12.7671 11.281C13.7881 10.597 13.657 9.84707 13.614 9.60107C13.501 8.94707 12.95 8.38988 12.303 8.27588C11.811 8.18588 11.3301 8.31488 10.9541 8.62988C10.5761 8.94688 10.3589 9.41391 10.3589 9.90991C10.3589 10.3239 10.0229 10.6599 9.60889 10.6599C9.19489 10.6599 8.85889 10.3239 8.85889 9.90991C8.85889 8.96891 9.27099 8.08396 9.98999 7.48096C10.702 6.88496 11.639 6.63605 12.564 6.80005C13.831 7.02405 14.8701 8.07097 15.0911 9.34497C15.3111 10.607 14.782 11.7381 13.603 12.5281Z"
                    fill={
                      {
                        "type": 2,
                      }
                    }
                    propList={
                      [
                        "fill",
                      ]
                    }
                  />
                </RNSVGGroup>
              </RNSVGSvgView>
              <Text
                allowFontScaling={true}
                maxFontSizeMultiplier={1.4}
                style={
                  {
                    "color": "#CECECE",
                    "fontFamily": "Basel-Book",
                    "fontSize": 17,
                    "lineHeight": 24,
                  }
                }
                suppressHighlighting={true}
              >
                What’s a recovery phrase?
              </Text>
            </View>
          </View>
        </View>
      </View>
    </View>
  </View>
</View>
`;
