import { useEffect, useState } from 'react';
import PersonalFormInput from './PersonalFormInput';

function PersonalInfo() {
  const [state, setState] = useState([]);

  const getData = async () => {
    const response = await fetch("/sui/api/personaldata");
    const data = await response.json();
    setState(data);
  };

  useEffect(() => {
    getData();
  }, []);

  return (
      <PersonalFormInput
        fname={state.fname}
        lname={state.lname}
        email={state.email}
      />
  );
}

export default PersonalInfo;