import React from 'react';
import MailIcon from '@mui/icons-material/Mail';
import InboxIcon from '@mui/icons-material/MoveToInbox';
import { Box, Divider, Drawer, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText } from '@mui/material';
import Head from 'next/head';
import { useFormik } from 'formik';
import * as yup from 'yup';
const validationSchema = yup.object({
// email: yup.string('Enter your email').email('Enter a valid email').required('Email is required'),
// password: yup
// .string('Enter your password')
// .min(8, 'Password should be of minimum 8 characters length')
// .required('Password is required'),
});
export default function Home() {
const [open, setOpen] = React.useState(false);
const toggleDrawer = newOpen => () => {
setOpen(newOpen);
};
const formik = useFormik({
initialValues: {
email: 'foobar@example.com',
password: 'foobar',
patient_name: 'default patient name',
patient_hkid: 'A213456(7)',
patient_age: 37,
patient_mobile: '91234567',
bruisesScratchesMinorBurns: false,
chestPain: false,
headache: false,
myMuiCheck: false,
nauseaAndVomiting: false,
runnyOrStuffyNose: false,
soreThroat: false,
},
validationSchema: validationSchema,
onSubmit: values => {
alert(JSON.stringify(values, null, 2));
},
});
const DrawerList = (
{['Inbox', 'Starred', 'Send email', 'Drafts'].map((text, index) => (
{['All mail', 'Trash', 'Spam'].map((text, index) => (