import React from "react";
import TopHeader from "@/app/components/topHeader/TopHeader";
import globalStyle from "../../globalStyle.module.css";
import addUserStyle from "./styles.module.css";

const page = () => {
  return (
    <div className={globalStyle.section}>
      <div className={globalStyle.mainContainer}>
        <div className={globalStyle.container}>
          <TopHeader
            buttonText="Add"
            cancelButtonText="Cancel"
            topbarTitle="Add User"
            state="add"
          />
          <div className={addUserStyle.addUserContainer}>
            {/* Input fields Container  */}
            <div className={addUserStyle.inputFieldContainer}>
              {/* User Details */}
              <div className={addUserStyle.userDetails}></div>
              {/* Permissions */}
              <div className={addUserStyle.userPermissions}></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default page;