tt

import React, { createContext, useState, useCallBack } from "react";
import { StyleSheet, TouchableOpacity } from "react-native";
import Input from "../atoms/Input";
import { View, Text, Colors, Button } from "react-native-ui-lib";
import { useTranslation } from "react-i18next";
import FieldState from "../atoms/FieldState";
import {SignInSchema} from "../environment/validation";
import { useFormContext, FormProvider, useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";

import BottomSheet from "@gorhom/bottom-sheet/src";
import EditProfileTemplete from "../templates/EditProfileTemplete";

export const ModalsContext = createContext(null);

const EditProfile = ({ navigation }) => {
  const [userData, setUserData] = useState({
    firstName: "Natalia",
    lastName: "Triandofilidi",
    bio: "I am professional at procrastination",
    status: "open_to_work",
    pronoun: "she/her",
    jobs: [],
    imployment: [],
    notify: false,
  });

  const updateUserData = (data) => {
    setUserData({
      ...userData,
      ...data,
    });
  };

  const statusRef = React.useRef<BottomSheet>(null);
  const pronounRef = React.useRef<BottomSheet>(null);
  const lookingForRef = React.useRef<BottomSheet>(null);

  const handleGoBach = () => {
    navigation.goBack();
  };

  const handleSave = () => {
    handleGoBach();
  };

  const methods = useForm({
    resolver: yupResolver(SignInSchema),
  });

  const signInWithFirebase = (values) => {
    const { email, password } = values;
    console.log('VAL', values);
  };

  const onSubmit = React.useCallback((values) => {
    alert(2);
    signInWithFirebase(values);
  }, []);



  return (
    <ModalsContext.Provider
      value={{
        statusRef,
        pronounRef,
        lookingForRef,
      }}
    >
      <FormProvider {...methods}>
        {/* <EditProfileTemplete
          userData={userData}
          onSubmit={methods.handleSubmit(onSubmit)}
          updateUserData={updateUserData}
          onCancel={handleGoBach}
          onDone={handleSave}
        /> */}
        <View marginB-20>
          <Text marginB-6>Email</Text>
          <Input
            name="email"
            isClear={true}
            placeholder="Enter"
          />
          <FieldState name="email" />
        </View>
        <View marginB-20>
          <Text marginB-6>Password</Text>
          <Input
            name="password"
            isClear={true}
            isPassword={true}
            isSecure={true}
            placeholder="ENTER PASSWROD"
          />
          <FieldState name="password" />
        </View>
        <Button
          onPress={methods.handleSubmit(onSubmit)}
          label="SUBMIT"
          backgroundColor={Colors.greyWhiteColor}
          size={Button.sizes.large}
          paddingH-100
          paddingV-15
          marginB-15
        />
      </FormProvider>
    </ModalsContext.Provider>
  );
};

export default EditProfile;