import React from "react"; const STYLES_CONTAINER = { width: "100%", height: "auto", }; const STYLES_GRAPH = { viewBox: "0 0 600 600", // backgroundColor: "#f7f7f7", borderRadius: "4px", height: "600px", width: "600px", }; const STYLES_XLINE = { stroke: "#b2b2b2", srokeWidth: "1", fill: "none", }; const STYLES_LINE1 = { position: "relative", stroke: "#0047ff", fill: "none", }; const STYLES_LINE2 = { position: "relative", stroke: "#1b1f23", fill: "none", }; const STYLES_LINE3 = { position: "relative", stroke: "#ffc940", fill: "none", }; const STYLES_CAT1 = { fontSize: "0.75em", fill: "#0047ff", stroke: "none", }; const STYLES_CAT2 = { fontSize: "0.75em", fill: "#1b1f23", stroke: "none", }; const STYLES_CAT3 = { fontSize: "0.75em", fill: "#ffc940", stroke: "none", }; function HardChart() { return (