// CareerOnboarding.js
import React, { useState } from 'react';

const CareerOnboarding = ({ nextStep, prevStep }) => {
  const [careerData, setCareerData] = useState({
    currentJob: '',
    industry: '',
    employmentStatus: '',
    careerGoal: '',
  });

  const handleChange = (e) => {
    setCareerData({ ...careerData, [e.target.name]: e.target.value });
  };

  return (
    <div>
      <h2>Career Details</h2>
      <input name="currentJob" placeholder="Current Job Title" onChange={handleChange} />
      <input name="industry" placeholder="Industry" onChange={handleChange} />
      <select name="employmentStatus" onChange={handleChange}>
        <option value="">Employment Status</option>
        <option value="FT">Full-Time</option>
        <option value="PT">Part-Time</option>
        <option value="Unemployed">Unemployed</option>
        <option value="Student">Student</option>
      </select>
      <input name="careerGoal" placeholder="Career Goal (optional)" onChange={handleChange} />

      <button onClick={prevStep}>Back</button>
      <button onClick={nextStep}>Next: Financial →</button>
    </div>
  );
};

export default CareerOnboarding;