import { ArrowLeftOutlined } from "@ant-design/icons";
import title from "../../../../assets/images/public/bigScreen/title.png";

const TopTitleArea = () => {
  const handleGoBack = () => {
    // navigate(-1);
  };

  const handleGoToBackStage = () => {
    // navigate('/navPage');
  };

  return (
    <div className="top-title-area">
      <div className="top-title-area__img" style={{ backgroundImage: `url(${title})` }}>
        <div className="top-title-area__back" onClick={handleGoBack}>
          <ArrowLeftOutlined className="icon-arrow__left" />
          返回
        </div>
        <p className="top-title-area__img__text">秦港股份安全监管平台</p>
        <div className="top-title-area__img__box">
          <img
            className="top-title-area__img__guang"
            src="../../../../assets/images/public/bigScreen/guang.png"
            alt=""
          />
        </div>
        <div className="top-title-area__right" onClick={handleGoToBackStage}>
          <div className="top-title-area__right__text">应用后台</div>
        </div>
      </div>
    </div>
  );
};

export default TopTitleArea;