import moreIcon from "~/assets/images/public/bigScreen/more1.png";
import "./index.less";

/** 顶部“管理九项”导航仅负责展示当前大屏菜单。 */
function ManagementNav() {
  const items = [
    "安全管理台账",
    "双重预防管理",
    "相关方管理",
    "现场重点监管",
    "消防应急管理",
    "安全教育培训",
    "综合查询（同比、环比 )",
    "综合考评管理",
    "科技兴安",
  ];
  return (
    <div className="index-info-management-nav">
      <div className="index-info-management-nav__title">
        管理九项
        <img src={moreIcon} alt="" />
      </div>
      <div className="index-info-management-nav__items">
        {items.map((item, index) => (
          <div
            className={`index-info-management-nav__item ${index === 1 ? "index-info-management-nav__item--active" : ""}`}
            key={item}
          >
            {item}
          </div>
        ))}
      </div>
    </div>
  );
}

export default ManagementNav;
