// TangentialCareers.js

import React from 'react';

const TangentialCareers = ({ careers }) => {
  return (
    <section className="tangential-careers">
      <h2>Tangential Career Options</h2>
      {careers.map((career, index) => (
        <div key={index} className="career-option">
          <h3>{career.title}</h3>
          <p>{career.description}</p>
          <p><strong>Match Score:</strong> {career.matchScore}</p>
        </div>
      ))}
    </section>
  );
};

export default TangentialCareers;