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

/**
 * 모바일 헤더 컴포넌트
 * @param {string} title - 페이지 제목 (없으면 fromis_9)
 * @param {boolean} noShadow - 그림자 숨김 여부
 */
function MobileHeader({ title, noShadow = false }) {
  return (
    <header
      className={`bg-white sticky top-0 z-50 ${noShadow ? '' : 'shadow-sm'}`}
    >
      <div className="flex items-center justify-center h-14 px-4">
        {title ? (
          <span className="text-xl font-bold text-primary">{title}</span>
        ) : (
          <NavLink to="/" className="text-xl font-bold text-primary">
            fromis_9
          </NavLink>
        )}
      </div>
    </header>
  );
}

export default MobileHeader;
