import { jsx as _jsx } from "react/jsx-runtime";
import HighcartsReact from "highcharts-react-official";
import Highcharts from "highcharts/highstock";
import React from "react";
const createOptions = (x, y) => {
    return {
        chart: {
            type: "area",
        },
        xAxis: {
            categories: x,
            tickmarkPlacement: "on",
        },
        tooltip: {
            split: true,
            valueSuffix: "",
        },
        plotOptions: {
            area: {
                stacking: "normal",
                lineColor: "#666666",
                lineWidth: 1,
                marker: {
                    lineWidth: 1,
                    lineColor: "#666666",
                },
            },
        },
        series: y,
    };
};
const AreaStacked = (props) => {
    const ref = React.useRef();
    return (_jsx("div", { className: "ui-area-staked__wrapper", children: _jsx(HighcartsReact, { highcharts: Highcharts, options: createOptions(props.xSeries, props.ySeries) }) }));
};
export default AreaStacked;
//# sourceMappingURL=index.js.map