"use client";
import { j as t } from "../../../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { useMemo as i } from "react";
import c from "../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import { ReactComponent as m } from "../../../../assets/images/CheckmarkCircle.svg.mjs";
import { ReactComponent as r } from "../../../../assets/images/PlusCircleOutline.svg.mjs";
import { ReactComponent as n } from "../../../../assets/images/UpdateCircleOutline.svg.mjs";
import l from "../../../CircularButton/index.mjs";
import e from "./StatusIcon.module.scss.mjs";
const g = ({ state: s, ...o }) => {
  const a = i(() => {
    switch (s) {
      case "active":
        return /* @__PURE__ */ t.jsx(m, { height: 24, width: 24 });
      case "update":
        return /* @__PURE__ */ t.jsxs("div", { className: e.updateState, children: [
          /* @__PURE__ */ t.jsx(
            n,
            {
              height: 24,
              width: 24,
              className: e.updateIcon
            }
          ),
          /* @__PURE__ */ t.jsx(
            r,
            {
              height: 24,
              width: 24,
              className: e.plusIcon
            }
          )
        ] });
      default:
        return /* @__PURE__ */ t.jsx(r, { height: 24, width: 24 });
    }
  }, [s]);
  return /* @__PURE__ */ t.jsx(
    l,
    {
      ...o,
      className: c(o.className, e.statusIcon, e[s]),
      children: a
    }
  );
};
export {
  g as default
};
//# sourceMappingURL=index.mjs.map
