// src/charts/horizontal-bar-chart.tsx
import { jsx } from "react/jsx-runtime";
function HorizontalBarChart(props) {
  const { total, value, backgroundColor, barColor, height } = props;
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: "tipp_horizontal-bar-chart bar-wrapper",
      style: { height, backgroundColor },
      children: /* @__PURE__ */ jsx(
        "div",
        {
          style: {
            width: `${Math.round(value / total * 100)}%`,
            height: "100%"
          },
          children: /* @__PURE__ */ jsx("div", { className: "bar", style: { backgroundColor: barColor } })
        }
      )
    }
  );
}

export {
  HorizontalBarChart
};
//# sourceMappingURL=chunk-SGMO4KBC.js.map