import React from "react";
import styles from "styles/app.module.scss";

import logo from "../../assets/images/OMS_logo_black.svg";
import { HEADER_NAME } from "./constants";

interface NotLoginHeaderProps {
  isMobile?: boolean;
}
// ログインしていない時のヘッダー
const NotLoginHeader: React.FC<NotLoginHeaderProps> = (
  props: NotLoginHeaderProps
) => {
  const { isMobile } = props;
  return (
    <header className={`${styles.header} ${isMobile && styles.home}`}>
      <div className={`${styles.headerLogo}`}>
        <img src={logo} alt="OM System" />
      </div>
      <p className={`${styles.headerSub}`}>{HEADER_NAME}</p>
    </header>
  );
};
NotLoginHeader.defaultProps = {
  isMobile: false,
};
export default NotLoginHeader;
