import React from "react";
import { NavBar } from "antd-mobile";
import Layout from "@/components/Layout/Layout";
import MeauMobile from "@/components/MeauMobile/MeauMoible";

const DeviceDetail: React.FC = () => {
  return (
    <Layout
      header={
        <NavBar
          backArrow
          style={{ background: "#fff" }}
          onBack={() => window.history.back()}
        >
          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
            设备详情
          </div>
        </NavBar>
      }
      footer={<MeauMobile />}
    >
      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
        <h3>设备详情页面</h3>
        <p>此页面正在开发中...</p>
      </div>
    </Layout>
  );
};

export default DeviceDetail;