import React from "react";
import { Flex, Result, Button } from "antd";

const Disconnected = ({}) => {
  return (
    <Flex
      style={{ width: "100%", height: "100%" }}
      justify="center"
      align="center"
    >
      <Flex gap="large" align="center">
        <Result
          title="Disconnected From Server"
          subTitle="The host cannot connect to the server."
        >
          <Flex justify="center">
            <Button>Reconnect</Button>
          </Flex>
        </Result>
      </Flex>
    </Flex>
  );
};

Disconnected.propTypes = {};

export default Disconnected;
