'use client'; import { Employee } from './EmployeesContent'; import { useState } from 'react'; interface Props { employee: Employee; onConfirm: () => Promise; onClose: () => void; } export default function DeleteConfirmModal({ employee, onConfirm, onClose }: Props) { const [isDeleting, setIsDeleting] = useState(false); const handleConfirm = async () => { setIsDeleting(true); try { await onConfirm(); // Close modal - toast will show success message in parent component onClose(); } catch (error) { console.error('Delete failed:', error); setIsDeleting(false); } }; return (
{/* Warning Icon */}
{/* Title */}

Delete Employee

{/* Employee Name */}

Are you sure you want to delete {employee.name}?

{/* Employee Details */}

Emp ID: {employee.employeeNumber} • {employee.dept}

{/* Warning Message */}

⚠️ This action cannot be undone and will permanently delete:

  • User account
  • Leave requests
  • Training records
  • Appraisals
  • Work plans & KPIs
{/* Action Buttons */}
); }