import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
import "./style.scss";
import { useEffect } from "react";
const RadarChartComponent = ({ inputData = [] }) => {
    // const thisData =
    // const [dataToUse, setDataToUse] = useState(inputData);
    useEffect(() => {
        // console.log({ inputData });
    }, [inputData]);
    return (_jsx("div", { className: "radarChartWrapper", children: _jsxs(RadarChart, { className: "radarChartComponent", cx: 500, cy: 250, outerRadius: 100, width: 800, height: 500, data: inputData, children: [_jsx(PolarGrid, { radialLines: true, radius: 100, polarRadius: [30, 60, 100], gridType: "circle", className: "radarGrid", strokeDasharray: "5 10", stroke: "rgba(48, 48, 48, 1)" }), _jsx(PolarAngleAxis, { allowDuplicatedCategory: true, className: "radarChartText", dataKey: "key", cx: 500, cy: 250, width: 100, tickSize: 60, tickLine: false, textAnchor: "middle" }), _jsx(Radar, { dataKey: "value", stroke: "rgba(255, 141, 78, 1)", fill: "rgba(255, 141, 78, 1)", fillOpacity: 0.3 })] }) }));
};
export default RadarChartComponent;
