// src/components/icons-and-geometry/Circle.tsx
import clsx from "clsx";
import { jsx } from "react/jsx-runtime";
var Circle = ({
  radius = 20,
  className = "bg-primary",
  style,
  ...restProps
}) => {
  const size = radius * 2;
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: clsx(`rounded-full`, className),
      style: {
        width: `${size}px`,
        height: `${size}px`,
        ...style
      },
      ...restProps
    }
  );
};
export {
  Circle
};
//# sourceMappingURL=Circle.mjs.map