import React, { useMemo } from "react"; import PerformanceResult from "./result-card/PerformanceResult"; import EnergyUsage from "./result-card/EnergyUsage"; import { Bar } from "react-chartjs-2"; const ComparisonResult = () => { const defaultData = { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [ { label: "Dataset", data: [12, 19, 3, 5, 2, 3], backgroundColor: ["#6f42c1"], borderColor: "#b392f0", borderWidth: 1, }, ], }; // Memoize Chart Options const options = useMemo( () => ({ responsive: true, maintainAspectRatio: false, plugins: { title: { display: true, }, legend: { display: false, }, }, scales: { x: { display: false, // Hide x-axis grid: { display: false, }, }, y: { display: false, // Hide y-axis grid: { display: false, }, }, }, }), [] ); return (