// ../src/components/direkt-circle/direkt-circle.tsx
import { jsx, jsxs } from "preact/jsx-runtime";
var DirektCircle = ({
  circleColor = "white",
  classNames,
  attributes = {},
  isAnimated = false
}) => {
  const componentClassName = "ds-direkt-circle";
  const animatedClassName = isAnimated ? `${componentClassName}--animated` : "";
  const circleOpacity = [
    0.25,
    0.25,
    0.25,
    0.25,
    0.25,
    0.25,
    0.25,
    0.25,
    0.24,
    0.235,
    0.222,
    0.218,
    0.212,
    0.202,
    0.19,
    0.178,
    0.165,
    0.155,
    0.145,
    0.135,
    0.12,
    0.107,
    0.095,
    0.083,
    0.07,
    0.06,
    0.047,
    0.035,
    0.023,
    0.02
  ];
  const classes = [componentClassName, classNames, animatedClassName].filter(Boolean).join(" ");
  return /* @__PURE__ */ jsxs("svg", { className: classes, width: "500", height: "500", viewBox: "-250 -250 500 500", fill: "none", ...attributes, children: [
    /* @__PURE__ */ jsx("circle", { r: "5", fill: circleColor }),
    circleOpacity.map((opacity, index) => {
      const radius = (index + 1) * 8 + 5;
      return /* @__PURE__ */ jsx("circle", { opacity, r: radius, stroke: circleColor, strokeWidth: "1.5" }, index);
    })
  ] });
};
export {
  DirektCircle
};
//# sourceMappingURL=direkt-circle.js.map
