"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>
  );
}