// src/components/icons-and-geometry/HelpwaveLogo.tsx
import { clsx } from "clsx";
import { jsx, jsxs } from "react/jsx-runtime";
var HelpwaveLogo = ({
  color = "currentColor",
  size,
  animate = "none",
  ...props
}) => {
  const isLoadingAnimation = animate === "loading";
  let svgAnimationKey = "";
  if (animate === "pulse") {
    svgAnimationKey = "animate-pulse";
  } else if (animate === "bounce") {
    svgAnimationKey = "animate-bounce";
  }
  return /* @__PURE__ */ jsx(
    "svg",
    {
      ...props,
      viewBox: "0 0 1024 1024",
      fill: "none",
      strokeLinecap: "round",
      strokeWidth: 65,
      className: clsx({
        "max-w-16 max-h-16": size === "lg",
        "max-w-12 max-h-12": size === "md",
        "max-w-8 max-h-8": size === "sm"
      }, props.className),
      children: /* @__PURE__ */ jsxs("g", { className: clsx(svgAnimationKey), children: [
        /* @__PURE__ */ jsx(
          "path",
          {
            className: clsx({ "animate-wave-big-left-up": isLoadingAnimation }),
            d: "M146 644.214C146 498.088 253.381 379.629 385.843 379.629",
            stroke: color,
            strokeDasharray: "1000"
          }
        ),
        /* @__PURE__ */ jsx(
          "path",
          {
            className: clsx({ "animate-wave-big-right-down": isLoadingAnimation }),
            d: "M625.686 645.272C493.224 645.272 385.843 526.813 385.843 380.687",
            stroke: color,
            strokeDasharray: "1000"
          }
        ),
        /* @__PURE__ */ jsx(
          "path",
          {
            className: clsx({ "animate-wave-small-left-up": isLoadingAnimation }),
            d: "M533.585 613.522C533.585 508.895 610.47 424.079 705.312 424.079",
            stroke: color,
            strokeDasharray: "1000"
          }
        ),
        /* @__PURE__ */ jsx(
          "path",
          {
            className: clsx({ "animate-wave-small-right-down": isLoadingAnimation }),
            d: "M878 615.639C782.628 615.639 705.313 530.822 705.313 426.196",
            stroke: color,
            strokeDasharray: "1000"
          }
        )
      ] })
    }
  );
};

// src/components/branding/HelpwaveBadge.tsx
import clsx2 from "clsx";
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
var HelpwaveBadge = ({
  size = "sm",
  ...props
}) => {
  return /* @__PURE__ */ jsxs2(
    "span",
    {
      ...props,
      className: clsx2(
        "flex flex-row items-center font-bold font-space rounded-md",
        {
          "px-2 py-1": size === "sm" || size === "md",
          "px-4 py-1": size === "lg",
          "gap-x-1": size === "sm",
          "gap-x-2 text-lg": size === "md",
          "gap-x-2 text-xl": size === "lg"
        },
        props.className
      ),
      children: [
        /* @__PURE__ */ jsx2(HelpwaveLogo, { size }),
        "helpwave"
      ]
    }
  );
};
export {
  HelpwaveBadge
};
//# sourceMappingURL=HelpwaveBadge.js.map