ERP-node/frontend/components/pop/PopBottomNav.tsx

31 lines
760 B
TypeScript

"use client";
import React from "react";
import { Clock, ClipboardList } from "lucide-react";
export function PopBottomNav() {
const handleHistoryClick = () => {
console.log("작업이력 클릭");
// TODO: 작업이력 페이지 이동 또는 모달 열기
};
const handleRegisterClick = () => {
console.log("실적등록 클릭");
// TODO: 실적등록 모달 열기
};
return (
<div className="pop-bottom-nav">
<button className="pop-nav-btn secondary" onClick={handleHistoryClick}>
<Clock size={18} />
</button>
<button className="pop-nav-btn primary" onClick={handleRegisterClick}>
<ClipboardList size={18} />
</button>
</div>
);
}