import React from "react";
import {
  Modal,
  ModalOverlay,
  ModalContent,
  ModalHeader,
  ModalFooter,
  ModalBody,
  ModalCloseButton,
  Button,
  useDisclosure
} from "@chakra-ui/core";

export default function Blocked() {
  const { isOpen, onOpen, onClose } = useDisclosure();
  return (
    <>
      <Button onClick={onOpen}>Add Review</Button>

      <Modal isOpen={isOpen} onClose={onClose}>
        <ModalOverlay />
        <ModalContent>
          <ModalHeader>
            {" "}
            <span style={{ fontSize: "30px" }}>{`\u2639`}</span>
          </ModalHeader>
          <ModalCloseButton />
          <ModalBody>You've gone and got yourself blocked !</ModalBody>

          <ModalFooter>
            <Button variantColor="blue" mr={3} onClick={onClose}>
              Close
            </Button>
            <Button variant="ghost">Contact Admin</Button>
          </ModalFooter>
        </ModalContent>
      </Modal>
    </>
  );
}