import React, { createContext, useContext, useState } from "react";

const UserContext = createContext();

export const UserProvider = ({ children }) => {
  const [userFirstName, updateuserFirstName] = useState("");
  const [userLastName, updateuserLastName] = useState("");
  const [userLogo, setUserLogo] = useState<any>();
   const [status,setStatus] = useState()
  const updateUserName = (firstName: string) => {
    updateuserFirstName(firstName);
  };

  const updatelastName = (lastName: string) => {
    updateuserLastName(lastName);
  };
  const UpdateUserLogo = (img: any) => {
    setUserLogo(img?.logo);
    setStatus(img?.is_logo)
  };
  return (
    <UserContext.Provider
      value={{
        userFirstName,
        updateUserName,
        userLastName,
        updatelastName,
        UpdateUserLogo,
        userLogo,
        status,
      }}
    >
      {children}
    </UserContext.Provider>
  );
};

export const useUser = () => {
  return useContext(UserContext);
};