onboarding.js (component)

import { useNavigate } from 'react-router-dom';
import { useState } from 'react';

const Onboarding = () => {
  const navigate = useNavigate();
  const [companyName, setCompanyName] = useState('');

  const handleOnboardingComplete = (data) => {
    console.log("Onboarding complete, data:", data);
    navigate('/dashboard', {
      state: {
        company: data.company,
        role: data.role,
        resume: data.resume
      }
    });
  };

  const handleCompanySubmit = () => {
    console.log("Company name submitted:", companyName);
    // Save this to state or pass it to the next step
  };

  const handleCompanyChange = (e) => {
    const companyName = e.target.value;
    console.log("Company name input:", companyName);
    setCompanyName(companyName);
  };

  // ... rest of your Onboarding component

  return (
    <div>
      <input
        type="text"
        value={companyName}
        onChange={handleCompanyChange}
        placeholder="Enter company name"
      />
      <button onClick={handleCompanySubmit}>Submit</button>
    </div>
  );
};