import {
  Icon
} from "./chunk-TKIP5Q5H.js";
import {
  VisuallyHidden
} from "./chunk-PRZRE6A5.js";

// src/components/Button/Loading.tsx
import { loading } from "@simplybusiness/icons";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
var Loading = (props) => {
  const { children } = props;
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx("div", { className: "mobius-button__icon-wrapper", children: /* @__PURE__ */ jsx(Icon, { icon: loading, spin: true, size: "md" }) }),
    /* @__PURE__ */ jsx(VisuallyHidden, { className: "mobius-button__loading-text", children: "Loading" }),
    children
  ] });
};

export {
  Loading
};
//# sourceMappingURL=chunk-STMV644L.js.map
