import React from "react";
import { Box, Button, Heading, Image, Img, Text } from "@chakra-ui/react";
import failed from "../assets/failed.gif";

const PaymentFailed = () => {
  return (
    <Box h={"100vh"} display={"flex"} alignItems={"center"} flexDirection={"column"} p={"15px"} justifyContent={"center"}>
      <Img w={"180px"} src={failed} />
      <Heading fontSize={"20px"} fontWeight={600}>Payment Failed !!</Heading>
      <Text fontSize={"18px"}>Your payment was Failed</Text>
    </Box>
  );
};

export default PaymentFailed;
