// 개발중 경고 메시지 컴포넌트
function DevWarning({ show = false }) {
    // show props가 false이거나 없으면 아무것도 렌더링하지 않음
    if (!show) {
        return null;
    }
    
    return (
        <div className="dev-warning animate-slide-up">
            <div className="flex items-center">
                <svg className="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"></path>
                </svg>
                <div>
                    <p className="title">🚧 개발중인 기능입니다</p>
                    <p className="description">일부 기능이 정상적으로 동작하지 않을 수 있습니다.</p>
                </div>
            </div>
        </div>
    );
}