import React, { useEffect, useState } from "react";
import "./UI81.css";
import "../../assets/css/basic.css";
import { useNavigate } from "react-router-dom";
import ConfirmButton from "../../components/ConfirmButton";
import DecorLine from "../../components/DecorLine";
import { getPackagItemDetail, signIn } from "../../api/hisApi";
import errorIcon from "../../assets/error.png";

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

  const handleBack = () => {
    navigate(-1);
  };

  const handleConfirm = () => {
    navigate("/UI9");
  };

  useEffect(() => {
  }, []);

  return (
    <div className="basic-root">
      <div className="basic-white-block">
        <div className="basic-content">
          <div className="ui81-error-container">
            <img src={errorIcon} alt="error" />
            <span className="basic-title">温馨提示</span>
          </div>
          <DecorLine />

          <span className="ui81-paragraph">
            <h4>尊敬的 {localStorage.getItem("name")} 先生/女士，体检过程中请您特别留意：</h4>
            <p>1、若您已怀孕或正在备孕，请务必提前告知工作人员，我们将为您避免放射类检查。</p>
            <p>2、若您有糖尿病史或易发低血糖，请提前告知工作人员，我们将在完成空腹项目后优先安排用餐。</p>
            <p>3、若您有长期服用任何药物、或体检过程中感到头晕、心慌等不适，请随时告知工作人员。</p>
          </span>


          <div className="ui81-confirm-section">
            <ConfirmButton text="我知道了" onClick={handleConfirm} />
          </div>
        </div>
      </div>
    </div>
  );
};

export default UI81;
