import React, { useEffect, useMemo, useState, useRef } from "react";
import Alarm from "./entry";

function Home(props) {
  const compRef = useRef(null);
  const [open, setOpen] = useState(true);

  return (
    <>
      {/* <div style={{ padding: "0px 30px" }}>
        <Alarm.ComplexConfig ref={compRef} editId={-1}></Alarm.ComplexConfig>
      </div> */}
      {/* <Alarm.DetailModal
        open={open}
        onCancel={() => setOpen(false)}
        options={{
          group: null?.filter((item) => item !== "diagram") ?? null,
        }}
        noSettings
        // options={{
        //   detail: {
        //     id: 275575,
        //     name: "测试",
        //     rule_id: 69,
        //     type: 1,
        //     sub_type: 13,
        //     status: 1,
        //     point_id: "",
        //     point_name: "",
        //     alarm_level: 1,
        //     op_status: 1,
        //     created_time: "2024-09-25 15:06:00",
        //     duration: 1704255,
        //     confirmed_time: "2024-09-25 16:03:15",
        //     confirmed_oper_id: 14,
        //     confirmed_oper_name: "郭红阳",
        //     recovery_time: "",
        //     remark: "ccc",
        //     value: 0,
        //     unit: "",
        //     group_name: "",
        //   },
        // }}
        // // options={{
        // //   pointId: "ABC123_AAA_chr1_AEff_MIN_H",
        // // }}
      ></Alarm.DetailModal> */}
      {/* <Alarm.ComplexConfig
        ref={compRef}
        editId={-1}
        showList
      ></Alarm.ComplexConfig>
      <button onClick={() => compRef?.current?.ok()}>测试</button> */}
      {/* <div style={{ padding: 30 }}>
        <Alarm.EasyConfig
          ref={compRef}
          // pointId="ZWB_ALARM_chr_2_AQ"
          // readonly
          editId={-1}
        ></Alarm.EasyConfig>
      </div> */}
      <Alarm.ComplexConfig
        style={{ paddingTop: 50 }}
        ref={compRef}
        editId={props.ruleId}
        groupList={[]}
        showList={true}
        formula="([CAR_PID_Ki]+[CAR_PID_Ki])/[CSZ_1_AF]"
      ></Alarm.ComplexConfig>
      {/* <Alarm.TopoDetailModal
        id={690384}
        alarmTime="2025-06-17 00:00:00"
        open={true}
        onCancel={() => {}}
      /> */}
    </>
  );
}

export default Home;