import { useState } from "react";
import Form from "./Form";
import { styleDefault } from "@/mui";
import { Box, Button, Modal } from "@mui/material";
import { validate_phone_number } from "./validate";
// Icons
import PlusB from "@/components/icons/PlusB";
import CloseModalD from "@/components/icons/CloseModalD";
function ModalAddCard() {
const [open, setOpen] = useState(false);
const [data, setData] = useState({
card: { value: "", is_edit: true },
shaba: { value: "", is_edit: true },
bank: { value: "", is_edit: true },
});
const handleOpen = () => setOpen(true);
const handleClose = () => setOpen(false);
const changeData = (value, name) =>
setData({ ...data, [name]: { ...data[name], value } });
const updateNum = (value, type, name) => {
const parseValue = +value;
const { max } = validate_phone_number;
const validateValue = parseValue > max ? data[name].value : value;
changeData(validateValue, name);
};
return (
<>
{/* Button Modal */}
{/* Content Modal */}
);
}
export default ModalAddCard;