import { jsxs as p, jsx as s } from "react/jsx-runtime";
import { ChartsPlaceholder as f } from "./index-ChartsPlaceholder.js";
import { ComponentContainer as d } from "./index-ComponentContainer.js";
import { Render as c } from "./index-Render.js";
import "react";
import m from "./index-react-apexcharts.min.js";
import w from "./index-AreaChart.module.scss.js";
const O = (o) => {
  const {
    options: t = {},
    series: a,
    height: r = 150,
    isLoading: i,
    testId: l
  } = o, n = Object.assign({
    chart: {
      type: "area",
      toolbar: {
        show: !1
      },
      id: "basic-bar",
      width: "100%",
      sparkline: {
        enabled: !0
      }
    },
    tooltip: {
      enabled: !1
    },
    legend: {
      show: !1
    },
    stroke: {
      curve: "stepline",
      width: 2
    },
    grid: {
      show: !1,
      padding: {
        left: 0,
        right: 0,
        top: 0,
        bottom: 0
      }
    },
    markers: {
      size: 0
    },
    xaxis: {
      labels: {
        show: !1
      }
    },
    yaxis: {
      show: !1,
      labels: {
        show: !1
      },
      axisBorder: {
        show: !1
      },
      axisTicks: {
        show: !1
      },
      crosshairs: {
        show: !1
      },
      tooltip: {
        enabled: !1
      }
    }
  }, t), h = [{
    name: "area chart serie",
    data: a ? a.map((e) => (e && e[1] ? e[1] : 0) ?? !1) : []
  }];
  return p(d, {
    className: w.container,
    testId: l,
    children: [s(c, {
      if: i,
      children: s(f, {})
    }), s(m, {
      options: n,
      series: h,
      type: "area",
      height: r
    })]
  });
};
export {
  O as AreaChart
};
