import {
    Box,
    Button,
    Drawer,
    DrawerBody,
    DrawerCloseButton,
    DrawerContent,
    DrawerFooter,
    DrawerHeader,
    DrawerOverlay,
    FormControl,
    FormLabel,
    Grid,
    Input,
    Textarea,
    useDisclosure,
  } from "@chakra-ui/react";
  import React from "react";
  
  const AcademicDocumentsAdd = ({ isOpen, onClose }) => {
    return (
      <>
        <Drawer onClose={onClose} isOpen={isOpen} size={"xs"}>
          <DrawerOverlay />
          <DrawerContent>
            <DrawerCloseButton />
            <DrawerHeader fontSize={"md"}>Academic Documents</DrawerHeader>
            <Box as="form">
              <DrawerBody>
                <Box mb={5}>
                  <FormLabel fontSize={"sm"}>Name</FormLabel>
                  <Input type="number" size={"sm"} value={""} />
                </Box>
                <Box mb={5}>
                  <FormLabel fontSize={"sm"}>Document</FormLabel>
                  <Input
                    type="file"
                    size={"sm"}
                    value={""}
                    className="form-control"
                  />
                </Box>
              </DrawerBody>
              <DrawerFooter>
                <Button
                  variant="outline"
                  colorScheme={"green"}
                  rounded={"sm"}
                  size={"sm"}
                  mr={3}
                  // onClick={onClose}
                >
                  Cancel
                </Button>
  
                <Button
                  colorScheme={"green"}
                  rounded={"sm"}
                  size={"sm"}
                  // onClick={() => setAlert(true)}
                >
                  Save
                </Button>
              </DrawerFooter>
            </Box>
          </DrawerContent>
        </Drawer>
      </>
    );
  };
  
  export default AcademicDocumentsAdd;
  