Files
nobat724_front/components/panel/addDoctor/index.js
T
2024-10-11 01:16:52 +03:30

43 lines
1.4 KiB
JavaScript

"use client";
import { useState } from "react";
// Tabs
import ListMenu from "./listMenu";
import Turns from "./listMenu/turns";
import SpecialDays from "./listMenu/specialDays";
import WorkingDays from "./listMenu/workingDays";
import OfficeInformation from "./listMenu/officeInformation";
import GeneralInformation from "./listMenu/generalInformation";
import ArrowRightPH from "@/components/icons/ArrowRightPH";
import { Button } from "@mui/material";
import Step from "./Step";
function AddDoctorPage() {
const [value, setValue] = useState(0);
const [open, setOpen] = useState(false);
const handleChange = (event, newValue) => setValue(newValue);
const components = [
<GeneralInformation setValue={setValue} />,
<OfficeInformation setValue={setValue} />,
<WorkingDays setValue={setValue} />,
<SpecialDays setValue={setValue} />,
];
return (
<div className="opacity-page">
<p className="text-[#525252] dark:text-[#D7D8ED] text-[20px] font-bold hidden md:flex">
پروفایل من
</p>
<div className="rounded-[8px] mt-0 md:mt-[24px] bg-transparent md:bg-[#FFF] md:dark:bg-[#222433] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] dark:shadow-none pt-0 md:pt-[12px] pb-0 md:pb-[12px] lg:pb-[24px] px-0 md:px-[14px] lg:px-[26px] xl:px-[56px]">
<Step value={value} />
<div className="mt-[32px]">{components[value]}</div>
</div>
</div>
);
}
export default AddDoctorPage;