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

const Welcome = () => {
  return (
    <Box h={"100vh"} display={"flex"} alignItems={"center"} flexDirection={"column"} p={"15px"} justifyContent={"center"}>
      <Img w={"180px"} src={success} />
      <Heading fontSize={"20px"} fontWeight={600} textAlign={"center"}>SuccessFul !!</Heading>
      <Text fontSize={"18px"} extAlign={"center"}>Your payment was done successfully</Text>
    </Box>
  );
};

export default Welcome;
