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

exports[`EditChannelInfo should match snapshot 1`] = `
<RNCSafeAreaView
  edges={
    Array [
      "bottom",
      "left",
      "right",
    ]
  }
  style={
    Object {
      "flex": 1,
    }
  }
>
  <Connect(StatusBar) />
  <KeyboardAwareScrollView
    enableAutomaticScroll={true}
    getTextInputRefs={[Function]}
    keyboardShouldPersistTaps="always"
    onKeyboardDidHide={[Function]}
    onKeyboardDidShow={[Function]}
    scrollToBottomOnKBShow={false}
    scrollToInputAdditionalOffset={75}
    startScrolledToBottom={false}
    style={
      Object {
        "flex": 1,
      }
    }
    testID="edit_channel_info"
  >
    <TouchableWithoutFeedback
      onPress={[Function]}
    >
      <View
        style={
          Object {
            "backgroundColor": "rgba(61,60,64,0.06)",
            "flex": 1,
            "paddingTop": 30,
          }
        }
      >
        <View>
          <View>
            <FormattedText
              defaultMessage="Name"
              id="channel_modal.name"
              style={
                Object {
                  "color": "#3d3c40",
                  "fontSize": 14,
                  "marginLeft": 15,
                }
              }
            />
          </View>
          <View
            style={
              Object {
                "backgroundColor": "#ffffff",
                "marginTop": 10,
              }
            }
          >
            <TextInputWithLocalizedPlaceholder
              autoCapitalize="none"
              autoCorrect={false}
              disableFullscreenUI={true}
              keyboardAppearance="light"
              maxLength={64}
              onChangeText={[Function]}
              placeholder={
                Object {
                  "defaultMessage": "E.g.: \\"Bugs\\", \\"Marketing\\", \\"客户支持\\"",
                  "id": "channel_modal.nameEx",
                }
              }
              placeholderTextColor="rgba(61,60,64,0.5)"
              style={
                Object {
                  "color": "#3d3c40",
                  "fontSize": 14,
                  "height": 40,
                  "paddingHorizontal": 15,
                }
              }
              testID="edit_channel_info.name.input"
              underlineColorAndroid="transparent"
              value="display_name"
            />
          </View>
        </View>
        <View>
          <View
            style={
              Object {
                "flexDirection": "row",
                "marginTop": 30,
              }
            }
          >
            <FormattedText
              defaultMessage="Purpose"
              id="channel_modal.purpose"
              style={
                Object {
                  "color": "#3d3c40",
                  "fontSize": 14,
                  "marginLeft": 15,
                }
              }
            />
            <FormattedText
              defaultMessage="(optional)"
              id="channel_modal.optional"
              style={
                Object {
                  "color": "rgba(61,60,64,0.5)",
                  "fontSize": 14,
                  "marginLeft": 5,
                }
              }
            />
          </View>
          <View
            style={
              Object {
                "backgroundColor": "#ffffff",
                "marginTop": 10,
              }
            }
          >
            <TextInputWithLocalizedPlaceholder
              autoCapitalize="none"
              autoCorrect={false}
              blurOnSubmit={false}
              disableFullscreenUI={true}
              keyboardAppearance="light"
              multiline={true}
              onChangeText={[Function]}
              placeholder={
                Object {
                  "defaultMessage": "E.g.: \\"A channel to file bugs and improvements\\"",
                  "id": "channel_modal.purposeEx",
                }
              }
              placeholderTextColor="rgba(61,60,64,0.5)"
              style={
                Array [
                  Object {
                    "color": "#3d3c40",
                    "fontSize": 14,
                    "height": 40,
                    "paddingHorizontal": 15,
                  },
                  Object {
                    "height": 110,
                  },
                ]
              }
              testID="edit_channel_info.purpose.input"
              textAlignVertical="top"
              underlineColorAndroid="transparent"
              value="purpose"
            />
          </View>
          <View>
            <FormattedText
              defaultMessage="Describe how this channel should be used."
              id="channel_modal.descriptionHelp"
              style={
                Object {
                  "color": "rgba(61,60,64,0.5)",
                  "fontSize": 14,
                  "marginHorizontal": 15,
                  "marginTop": 10,
                }
              }
            />
          </View>
        </View>
        <View
          onLayout={[Function]}
          style={
            Object {
              "flexDirection": "row",
              "marginTop": 15,
            }
          }
        >
          <FormattedText
            defaultMessage="Header"
            id="channel_modal.header"
            style={
              Object {
                "color": "#3d3c40",
                "fontSize": 14,
                "marginLeft": 15,
              }
            }
          />
          <FormattedText
            defaultMessage="(optional)"
            id="channel_modal.optional"
            style={
              Object {
                "color": "rgba(61,60,64,0.5)",
                "fontSize": 14,
                "marginLeft": 5,
              }
            }
          />
        </View>
        <View
          style={
            Object {
              "backgroundColor": "#ffffff",
              "marginTop": 10,
            }
          }
        >
          <TextInputWithLocalizedPlaceholder
            autoCapitalize="none"
            autoCorrect={false}
            blurOnSubmit={false}
            disableFullscreenUI={true}
            keyboardAppearance="light"
            multiline={true}
            onChangeText={[Function]}
            onFocus={[Function]}
            placeholder={
              Object {
                "defaultMessage": "E.g.: \\"[Link Title](http://example.com)\\"",
                "id": "channel_modal.headerEx",
              }
            }
            placeholderTextColor="rgba(61,60,64,0.5)"
            style={
              Array [
                Object {
                  "color": "#3d3c40",
                  "fontSize": 14,
                  "height": 40,
                  "paddingHorizontal": 15,
                },
                Object {
                  "height": 110,
                },
              ]
            }
            testID="edit_channel_info.header.input"
            textAlignVertical="top"
            underlineColorAndroid="transparent"
            value="header"
          />
        </View>
        <View
          style={
            Object {
              "zIndex": -1,
            }
          }
        >
          <FormattedText
            defaultMessage="Set text that will appear in the header of the channel beside the channel name. For example, include frequently used links by typing [Link Title](http://example.com)."
            id="channel_modal.headerHelp"
            style={
              Object {
                "color": "rgba(61,60,64,0.5)",
                "fontSize": 14,
                "marginHorizontal": 15,
                "marginTop": 10,
              }
            }
          />
        </View>
      </View>
    </TouchableWithoutFeedback>
  </KeyboardAwareScrollView>
  <View
    style={
      Array [
        Object {
          "flex": 1,
          "justifyContent": "flex-end",
          "position": "absolute",
          "width": "100%",
        },
        Object {
          "bottom": 0,
        },
      ]
    }
  >
    <Connect(Autocomplete)
      cursorPosition={6}
      maxHeight={200}
      nestedScrollEnabled={true}
      offsetY={8}
      onChangeText={[Function]}
      onKeyboardOffsetChanged={[Function]}
      style={
        Object {
          "position": undefined,
        }
      }
      value="header"
    />
  </View>
</RNCSafeAreaView>
`;
