import React from "react";
import { Button, Card, Result } from "antd";
import { useNavigate } from "react-router-dom";
import "./Admin.css";

const AdminComingSoon: React.FC = () => {
  const navigate = useNavigate();

  return (
    <div className="admin-coming-soon-page">
      <div className="xx-result-center">
        <Card className="xx-card">
          <Result
            status="info"
            title="Admin 后台暂未开放"
            subTitle="当前版本未接入后台用户、监控、日志、分析等后端服务，因此不展示模拟运营数据，也不会提供假操作入口。"
            extra={[
              <Button
                type="primary"
                onClick={() => navigate("/app/dashboard")}
                className="xx-primary-btn"
              >
                返回首页
              </Button>,
            ]}
          />
        </Card>
      </div>
    </div>
  );
};

export default AdminComingSoon;

export const Component = AdminComingSoon;
