// import classes from './Profile.module.css'

// import CrudForm from "../components/CrudForm/CrudForm"
// import AuthContext from "./../contexts/AuthContext"
// import * as api from "./../api/api";
// import { useContext } from "react";
import PageTitle from "../components/PageTitle/PageTitle";


const Profile = () => {
  // const authCtx = useContext(AuthContext)

  // const titleText = "My Profile"
  // const submitButtonText = "Update Profile"


  // if(authCtx.role === 'employee'){

  //   const tmp = api.getEmployeesDetails(authCtx.acessToken, 1)

  //   const fields = [
  //     {key: 1, name: "firstname", label: "Firstname", type: "text", required: true },
  //     {key: 2, name: "lastname", label: "Lastname", type: "text", required: true },
  //     {key: 3, name: "email", label: "email", type: "email", required: true },
  //     {key: 4, name: "password", label: "password", type: "password", required: true },
  //   ]

  //   const submitButtonHandler = () => {
  //     console.log("Update Employee Profile")
  //   }    
  // } 

  // if(authCtx.role === 'customer'){

  //   const fields = [
  //     {key: 1, name: "company", label: "Company", type: "text", required: false},
  //     {key: 2, name: "firstname", label: "Firstname", type: "text", required: true},
  //     {key: 3, name: "lastname", label: "Lastname", type: "text", required: true },
  //     {key: 4, name: "street", label: "street", type: "text", required: true },
  //     {key: 5, name: "email", label: "email", type: "email", required: true },
  //     {key: 6, name: "phoneNumber", label: "phoneNumber", type: "text", required: true },
  //     {key: 7, name: "city", label: "city", type: "text", required: true },
  //     {key: 8, name: "zip", label: "zip", type: "text", required: true },
  //     {key: 9, name: "country", label: "country", type: "text", required: true },
  //   ]

  //   const submitButtonHandler = () => {
  //     console.log("Update Customer Profile")
  //   }    
  // } 


  return (
    <div>
      <PageTitle titleText="My Profile" />
      {/* <CrudForm
        submitHandler={submitButtonHandler}
        titleText={titleText}
        submitButtonText={submitButtonText}
        fields={fields}
        returnContent={returnContent}
      /> */}
    </div>
  );
}

export default Profile