const performanceData = [
    {
        "heading": "Sailing Performance",
        "fuelType": "lsfo",
        "fuelValue": "359",
        "fuelPerformanceChange": "+13",
        "trafficLight": "green",
        "unit": "L/nm"
    },
    {
        "heading": "Sailing Performance",
        "fuelType": "mdo",
        "fuelValue": "359",
        "fuelPerformanceChange": "-1",
        "trafficLight": "red",
        "unit": "L/nm"
    },
    {
        "heading": "Passive Performance",
        "fuelType": "lsfo",
        "fuelValue": "176.2",
        "fuelPerformanceChange": "+7",
        "trafficLight": "green",
        "unit": "L/nm"
    },
    {
        "heading": "Passive Performance",
        "fuelType": "mdo",
        "fuelValue": "180.2",
        "fuelPerformanceChange": "-5",
        "trafficLight": "red",
        "unit": "L/nm"
    }
];
// below is to sort based on fuel type
performanceData.sort((a, b) => (a.fuelType === b.fuelType) ? 0 : a.fuelType > b.fuelType ? 1 : -1);