import React from 'react';

interface FlightPathProps {
  stops?: number;
}

const FlightPath: React.FC<FlightPathProps> = ({ stops = 0 }) => {
  return (
    <div className="flight-path">
      <div className="flight-path__point flight-path__point--start"></div>

      <div className="flight-path__line">
        {Array.from({ length: stops }, (_, index) => (
          <div key={index} className="flight-path__stop"></div>
        ))}
      </div>

      <div className="flight-path__point flight-path__point--end"></div>
    </div>
  );
};

export default FlightPath;
