text: import React, { useState } from "react";
  import Toast from "../../util/toast.js";
  
  const ProfileTabs = () => {
  
      const [name, setName] = useState("");
      const [email, setEmail] = useState("");
      const [password, setPassword] = useState("");
      const [confirmPassword, setConfirmPassword] = useState("");
  
      const submitHandler = (e) => {
          e.preventDefault();
      };
  
      return (
          <>
              <Toast />
              <form className="row form-container" onSubmit={submitHandler}>
                  <div className="col-md-6">
                      <div className="form">
                          <label for="account-fn">UserName</label>
                          <input
                              className="form-control"
                              type="text"
                              required
                              value={name}
                              onChange={(e) => setName(e.target.value)}
                          />
                      </div>
                  </div>
                  <div className="col-md-6">
                      <div className="form">
                          <label for="account-email">E-mail Address</label>
                          <input
                              className="form-control"
                              type="email"
                              required
                              value={email}
                              onChange={(e) => setEmail(e.target.value)}
                          />
                      </div>
                  </div>
                  <div className="col-md-6">
                      <div className="form">
                          <label for="account-pass">New Password</label>
                          <input
                              className="form-control"
                              type="password"
                              required
                              value={password}
                              onChange={(e) => setPassword(e.target.value)}
                          />
                      </div>
                  </div>
                  <div className="col-md-6">
                      <div className="form">
                          <label for="account-confirm-pass">Confirm Password</label>
                          <input
                              className="form-control"
                              type="password"
                              required
                              value={confirmPassword}
                              onChange={(e) => setConfirmPassword(e.target.value)}
                          />
                      </div>
                  </div>
                  <button type="submit">Update Profile</button>
              </form>
          </>
      );
  }
  
  export default ProfileTabs;