import { Card, Typography } from "antd";
import { SyncOutlined } from "@ant-design/icons";

import React from "react";
import { useTranslation } from "react-i18next";
export default function DashboardRefreshRequired(props) {
  const { t } = useTranslation();

  return (
    <Card {...props}>
      <div
        style={{
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
        }}
      >
        <SyncOutlined />
        <Typography.Title level={4}>
          {t("dashboard.errors.refreshrequired")}
        </Typography.Title>
      </div>
    </Card>
  );
}
