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

exports[`Settings.ThemeEditor renders correctly 1`] = `
<RNCSafeAreaProvider
  onInsetsChange={[Function]}
  style={
    Array [
      Object {
        "flex": 1,
      },
      undefined,
    ]
  }
>
  <View
    style={
      Object {
        "flex": 1,
      }
    }
  >
    <View
      appearance="default"
      level="1"
      style={
        Array [
          Object {
            "backgroundColor": "#FFFFFF",
          },
          Object {
            "backgroundColor": "#FFFFFF",
            "flex": 1,
          },
        ]
      }
    >
      <RCTScrollView
        bounces={false}
      >
        <View>
          <View
            style={
              Array [
                Object {
                  "padding": 16,
                },
                Object {
                  "flex": 1,
                },
              ]
            }
          >
            <View
              style={
                Array [
                  Object {
                    "backgroundColor": "white",
                    "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,
                          },
                        ],
                      }
                    }
                  >
                    <RNSVGMock
                      fill="#535AE4"
                      height={20}
                      viewBox="0 0 24 24"
                      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,
                            },
                          ],
                        ]
                      }
                    >
                      settings.theme-editor.randomize
                    </Text>
                  </View>
                </View>
                <View
                  style={
                    Object {
                      "transform": Array [
                        Object {
                          "scale": 1,
                        },
                      ],
                    }
                  }
                >
                  <RNSVGMock
                    fill="#393C63"
                    height={20}
                    viewBox="0 0 24 24"
                    width={20}
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "backgroundColor": "white",
                    "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,
                          },
                        ],
                      }
                    }
                  >
                    <RNSVGMock
                      fill="#535AE4"
                      height={20}
                      viewBox="0 0 24 24"
                      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,
                            },
                          ],
                        ]
                      }
                    >
                      settings.theme-editor.save
                    </Text>
                  </View>
                </View>
                <View
                  style={
                    Object {
                      "transform": Array [
                        Object {
                          "scale": 1,
                        },
                      ],
                    }
                  }
                >
                  <RNSVGMock
                    fill="#393C63"
                    height={20}
                    viewBox="0 0 24 24"
                    width={20}
                  />
                </View>
              </View>
            </View>
            <View
              style={
                Array [
                  Object {
                    "marginTop": 16,
                  },
                ]
              }
            >
              <View
                style={
                  Object {
                    "backgroundColor": "#F7F8FE",
                    "borderRadius": 14,
                    "flex": 1,
                  }
                }
              >
                <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 {
                        "width": "80%",
                      }
                    }
                  >
                    <Text
                      numberOfLines={1}
                      style={
                        Array [
                          Object {
                            "fontSize": 30,
                          },
                          Object {
                            "color": "#383B62",
                            "fontFamily": "Open Sans",
                          },
                          Array [
                            Object {
                              "marginLeft": 9,
                            },
                          ],
                        ]
                      }
                    >
                      default-berty-theme
                    </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
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "alignItems": "center",
                          "borderTopColor": "#F0F0F7",
                          "borderTopWidth": 1,
                          "flexDirection": "row",
                          "height": 48,
                          "opacity": 1,
                          "paddingLeft": 15,
                          "paddingRight": 12,
                          "paddingVertical": 12,
                        }
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "fontSize": 30,
                            },
                            Object {
                              "color": "#383B62",
                              "fontFamily": "Open Sans",
                            },
                            undefined,
                          ]
                        }
                      >
                        default-berty-theme
                      </Text>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "alignItems": "center",
                          "borderTopColor": "#F0F0F7",
                          "borderTopWidth": 1,
                          "flexDirection": "row",
                          "height": 48,
                          "opacity": 1,
                          "paddingLeft": 15,
                          "paddingRight": 12,
                          "paddingVertical": 12,
                        }
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "fontSize": 30,
                            },
                            Object {
                              "color": "#383B62",
                              "fontFamily": "Open Sans",
                            },
                            undefined,
                          ]
                        }
                      >
                        current-generated
                      </Text>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "alignItems": "center",
                          "borderTopColor": "#F0F0F7",
                          "borderTopWidth": 1,
                          "flexDirection": "row",
                          "height": 48,
                          "opacity": 1,
                          "paddingLeft": 15,
                          "paddingRight": 12,
                          "paddingVertical": 12,
                        }
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "fontSize": 30,
                            },
                            Object {
                              "color": "#383B62",
                              "fontFamily": "Open Sans",
                            },
                            undefined,
                          ]
                        }
                      >
                        pink-theme
                      </Text>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "alignItems": "center",
                          "borderTopColor": "#F0F0F7",
                          "borderTopWidth": 1,
                          "flexDirection": "row",
                          "height": 48,
                          "opacity": 1,
                          "paddingLeft": 15,
                          "paddingRight": 12,
                          "paddingVertical": 12,
                        }
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "fontSize": 30,
                            },
                            Object {
                              "color": "#383B62",
                              "fontFamily": "Open Sans",
                            },
                            undefined,
                          ]
                        }
                      >
                        dark-theme
                      </Text>
                    </View>
                    <View
                      accessible={true}
                      focusable={true}
                      onClick={[Function]}
                      onResponderGrant={[Function]}
                      onResponderMove={[Function]}
                      onResponderRelease={[Function]}
                      onResponderTerminate={[Function]}
                      onResponderTerminationRequest={[Function]}
                      onStartShouldSetResponder={[Function]}
                      style={
                        Object {
                          "alignItems": "center",
                          "borderTopColor": "#F0F0F7",
                          "borderTopWidth": 1,
                          "flexDirection": "row",
                          "height": 48,
                          "opacity": 1,
                          "paddingLeft": 15,
                          "paddingRight": 12,
                          "paddingVertical": 12,
                        }
                      }
                    >
                      <Text
                        style={
                          Array [
                            Object {
                              "fontSize": 30,
                            },
                            Object {
                              "color": "#383B62",
                              "fontFamily": "Open Sans",
                            },
                            undefined,
                          ]
                        }
                      >
                        dark-lf-theme
                      </Text>
                    </View>
                  </View>
                </RCTScrollView>
              </View>
            </View>
            <View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "white",
                      "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,
                            },
                          ],
                        }
                      }
                    >
                      <RNSVGMock
                        fill="#535AE4"
                        height={20}
                        viewBox="0 0 24 24"
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        settings.theme-editor.import
                      </Text>
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <RNSVGMock
                      fill="#393C63"
                      height={20}
                      viewBox="0 0 24 24"
                      width={20}
                    />
                  </View>
                </View>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "white",
                      "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,
                            },
                          ],
                        }
                      }
                    >
                      <RNSVGMock
                        fill="#535AE4"
                        height={20}
                        viewBox="0 0 24 24"
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        settings.theme-editor.share
                      </Text>
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <RNSVGMock
                      fill="#393C63"
                      height={20}
                      viewBox="0 0 24 24"
                      width={20}
                    />
                  </View>
                </View>
              </View>
              <View
                style={
                  Array [
                    Object {
                      "backgroundColor": "white",
                      "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,
                            },
                          ],
                        }
                      }
                    >
                      <RNSVGMock
                        fill="#535AE4"
                        height={20}
                        viewBox="0 0 24 24"
                        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,
                              },
                            ],
                          ]
                        }
                      >
                        settings.theme-editor.delete
                      </Text>
                    </View>
                  </View>
                  <View
                    style={
                      Object {
                        "transform": Array [
                          Object {
                            "scale": 1,
                          },
                        ],
                      }
                    }
                  >
                    <RNSVGMock
                      fill="#393C63"
                      height={20}
                      viewBox="0 0 24 24"
                      width={20}
                    />
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </RCTScrollView>
    </View>
  </View>
</RNCSafeAreaProvider>
`;
