"use client";
import { jsxs as i, jsx as t } from "react/jsx-runtime";
const n = {
  size: {
    sm: {
      value: 16,
      description: "Small loader for inline use"
    },
    base: {
      value: 24,
      description: "Default loader size"
    },
    lg: {
      value: 32,
      description: "Large loader for prominent loading states"
    }
  }
}, a = {
  size: "base"
};
function o({
  size: e = a.size
} = {}) {
  return typeof e == "number" ? e : n.size[e].value;
}
const u = ({
  className: e,
  size: s = a.size
}) => {
  const r = o({ size: s });
  return /* @__PURE__ */ i(
    "svg",
    {
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      xmlns: "http://www.w3.org/2000/svg",
      stroke: "currentColor",
      className: e,
      style: { height: r, width: r },
      children: [
        /* @__PURE__ */ i(
          "circle",
          {
            cx: "12",
            cy: "12",
            r: "9.5",
            fill: "none",
            strokeWidth: "2",
            strokeLinecap: "round",
            children: [
              /* @__PURE__ */ t(
                "animateTransform",
                {
                  attributeName: "transform",
                  type: "rotate",
                  from: "0 12 12",
                  to: "360 12 12",
                  dur: "2s",
                  repeatCount: "indefinite"
                }
              ),
              /* @__PURE__ */ t(
                "animate",
                {
                  attributeName: "stroke-dasharray",
                  values: "0 150;42 150;42 150",
                  keyTimes: "0;0.5;1",
                  dur: "1.5s",
                  repeatCount: "indefinite"
                }
              ),
              /* @__PURE__ */ t(
                "animate",
                {
                  attributeName: "stroke-dashoffset",
                  values: "0;-16;-59",
                  keyTimes: "0;0.5;1",
                  dur: "1.5s",
                  repeatCount: "indefinite"
                }
              )
            ]
          }
        ),
        /* @__PURE__ */ t(
          "circle",
          {
            cx: "12",
            cy: "12",
            r: "9.5",
            fill: "none",
            opacity: 0.1,
            strokeWidth: "2",
            strokeLinecap: "round"
          }
        )
      ]
    }
  );
};
export {
  u as L
};
//# sourceMappingURL=loader-m5wfmqwgucrr4i5v.js.map
