'use client';

import React from 'react';
import { useSearchParams } from 'next/navigation';
import AddEditEmployee from '../components/AddEditEmployee';
import PageHeader from '@/components/pageHeader';

const EditUEmployeePage: React.FC = () => {
  const searchParams = useSearchParams();
  const id = searchParams.get('id');
  const parsedId = id !== null && id !== undefined ? parseInt(id, 10) : undefined;

  return (
    <div>
      <PageHeader
        title='Edit Employee Details'
      />
      <AddEditEmployee id={parsedId} />
    </div>
  );
};

export default EditUEmployeePage;