import { Link } from 'react-router-dom';

/**
 * 헤더 컴포넌트
 * - 로고, 알람, 설정(드롭다운), 마이페이지
 */
export default function Header() {
  return (
    <header id="header">
      <div className="logoArea">
        <Link to="/main" className="logo">
          <span className="blind">GIS 함정용</span>
        </Link>
        <span className="logoTxt">GIS 함정용</span>
      </div>
      <aside>
        <ul>
          <li>
            <Link to="/main" className="alram" title="알람">
              <i className="badge"></i>
              <span className="blind">알람</span>
            </Link>
          </li>
          {/*<li className="setWrap">*/}
          {/*  <Link to="/signal" className="set" title="설정">*/}
          {/*    <span className="blind">설정</span>*/}
          {/*  </Link>*/}
          {/*  <div className="setMenu">*/}
          {/*    <Link to="/signal">신호설정</Link>*/}
          {/*    <Link to="/signal/custom">맞춤설정</Link>*/}
          {/*  </div>*/}
          {/*</li>*/}
          <li>
            <Link to="/mypage" className="user" title="마이페이지">
              <span className="blind">마이페이지</span>
            </Link>
          </li>
        </ul>
      </aside>
    </header>
  );
}
