Question from the React Native (2023) test

import React from "react";
import { View, Input } from "react-native";

function LoginScreen() {
  const [inputValue, setInputValue] = React.useState(null);

  return (
    <View>
      <Input
        value={inputValue}
        onChangeText={setInputValue}
        keyboardType="email-address"
        autoCapitalize="none"
        autoComplete="email"
        autoCorrect={false}
      >
        Enter your email:
      </TextInput>
    </View>
  );
};

import React from "react";
import { View, Input } from "react-native";

function LoginScreen() {
  const [inputValue, setInputValue] = React.useState(null);

  return (
    <View>
      <TextInput
        label="Email"
        value={inputValue}
        onChangeText={setInputValue}
        mode="outlined"
      />
    </View>
  );
};

import React from "react";
import { View, Input } from "react-native";

function LoginScreen() {
  const [inputValue, setInputValue] = React.useState(null);

  return (
    <View>
      <Input
        onChangeText={setInputValue}
        value={inputValue}
        placeholder="email-address"
        type="email"
        autoCapitalize="none"
        autoComplete="email"
        autoCorrect={false}
      />
    </View>
  );
};

import React from "react";
import { View, TextInput } from "react-native";

function LoginScreen() {
  const [inputValue, setInputValue] = React.useState(null);

  return (
    <View>
      <TextInput
        onChangeText={setInputValue}
        value={inputValue}
        placeholder="Enter your email:"
        keyboardType="email-address"
        autoCapitalize="none"
        autoComplete="email"
        autoCorrect={false}
      />
    </View>
  );
};