// import React from "react";
// import {
// 	Button,
// 	Dialog,
// 	DialogActions,
// 	DialogContent,
// 	DialogTitle,
// 	TextField,
// } from "@mui/material";
// import { useForm, Controller } from "react-hook-form";

// interface AddAdminModalProps {
// 	open: boolean;
// 	handleClose: () => void;
// 	handleAdd: (name: string, email: string, phone: string, registeredAddress: string) => void;
// }

// interface FormData {
// 	name: string;
// 	email: string;
// 	phone: string;
// 	registeredAddress: string;
// }

// const AddAdminModal: React.FC<AddAdminModalProps> = ({ open, handleClose, handleAdd }) => {
// 	const { control, handleSubmit, reset, formState: { errors } } = useForm<FormData>({
// 		defaultValues: {
// 			name: "",
// 			email: "",
// 			phone: "",
// 			registeredAddress: "",
// 		},
// 	});

// 	const onSubmit = (data: FormData) => {
// 		handleAdd(data.name, data.email, data.phone, data.registeredAddress);
// 		handleClose();
// 		reset();
// 	};

// 	return (
// 		<Dialog
// 			open={open}
// 			onClose={handleClose}
// 			maxWidth="md"
// 			fullWidth
// 			PaperProps={{
// 				component: "form",
// 				onSubmit: handleSubmit(onSubmit),
// 			}}
// 		>
// 			<DialogTitle>Add Admin</DialogTitle>
// 			<DialogContent>
// 				<Controller
// 					name="name"
// 					control={control}
// 					rules={{ required: "Admin Name is required" }}
// 					render={({ field }) => (
// 						<TextField
// 							{...field}
// 							autoFocus
// 							required
// 							margin="dense"
// 							label="Admin Name"
// 							type="text"
// 							fullWidth
// 							variant="standard"
// 							error={!!errors.name}
// 							helperText={errors.name?.message}
// 						/>
// 					)}
// 				/>

// 				<Controller
// 					name="email"
// 					control={control}
// 					rules={{ required: "Email is required" }}
// 					render={({ field }) => (
// 						<TextField
// 							{...field}
// 							required
// 							margin="dense"
// 							label="Email"
// 							type="text"
// 							fullWidth
// 							variant="standard"
// 							error={!!errors.email}
// 							helperText={errors.email?.message}
// 						/>
// 					)}
// 				/>

// 				<Controller
// 					name="phone"
// 					control={control}
// 					rules={{ required: "Phone number is required" }}
// 					render={({ field }) => (
// 						<TextField
// 							{...field}
// 							required
// 							margin="dense"
// 							label="Phone Number"
// 							type="text"
// 							fullWidth
// 							variant="standard"
// 							error={!!errors.phone}
// 							helperText={errors.phone?.message}
// 						/>
// 					)}
// 				/>

// 				<Controller
// 					name="registeredAddress"
// 					control={control}
// 					rules={{ required: "Address is required" }}
// 					render={({ field }) => (
// 						<TextField
// 							{...field}
// 							required
// 							margin="dense"
// 							label="Address"
// 							type="text"
// 							fullWidth
// 							variant="standard"
// 							error={!!errors.registeredAddress}
// 							helperText={errors.registeredAddress?.message}
// 						/>
// 					)}
// 				/>
// 			</DialogContent>
// 			<DialogActions>
// 				<Button onClick={handleClose}>Cancel</Button>
// 				<Button type="submit">Save</Button>
// 			</DialogActions>
// 		</Dialog>
// 	);
// };

// export default AddAdminModal;
