text: import React from "react";
  import { StyleSheet, View, ScrollView } from "react-native";
  import { Button, Icon } from "react-native-elements";
  import {
      Text,
      Card,
      Layout,
      Input,
      Button as button,
  } from "@ui-kitten/components";
  
  const TenScreen = () => {
      const [value, setValue] = React.useState("");
      return (
          <ScrollView>
              <Card style={styles.card} status="primary">
                  <View
                      style={{
                          flex: 1,
                          alignItems: "center",
                      }}
                  >
                      <Text style={{ fontWeight: "bold" }}>Tên</Text>
                  </View>
                  <View
                      style={{
                          flex: 1,
                          justifyContent: "space-between",
                          alignItems: "center",
                          flexDirection: "row",
                          alignContent: "center",
                      }}
                  >
                      <Input
                          style={{
                              marginBottom: 10,
                              marginTop: 10,
                              width: "63%",
                              borderRadius: 20,
                          }}
                          placeholder="Nhập tên của bạn"
                          value={value}
                          onChangeText={(nextValue) => setValue(nextValue)}
                      />
                      <Button
                          containerStyle={styles.container1}
                          buttonStyle={styles.Style}
                          title="Lưu"
                      />
                  </View>
              </Card>
          </ScrollView>
      );
  };
  
  const styles = StyleSheet.create({
      card: {
          borderRadius: 16,
      },
      container1: {
          borderRadius: 15,
          width: "35%",
          //height: "100%",
          marginTop: 10,
          marginBottom: 10,
      },
      Style: {
          backgroundColor: "#7579e7",
          borderRadius: 15,
          height: 30,
          width: 100,
      },
      captionContainer: {
          display: "flex",
          flexDirection: "row",
          alignItems: "center",
      },
      captionIcon: {
          width: 10,
          height: 10,
          marginRight: 5,
      },
      captionText: {
          fontSize: 12,
          fontWeight: "400",
          color: "#8F9BB3",
      },
  });
  
  export default TenScreen;
  