27 lines
727 B
React
27 lines
727 B
React
|
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;
|