@stanfordspezi/spezi-web-design-system/dist/SaveButton-C1YqPmPD.mjs

Stanford Biodesign Digital Health Spezi Web Design System

import { jsx as e, jsxs as t } from "react/jsx-runtime";
import { c as u } from "./index-2NvaPZWc.mjs";
import { u as o } from "./useTimedFlag-CwyaTvF_.mjs";
import { B as f } from "./Button-nH76KtOO.mjs";
import v from "./check-BND_cTIg.mjs";
import h from "./circle-alert-B9UUgLGa.mjs";
const g = ({
  className: c,
  isPending: a,
  disabled: l,
  isSuccess: i,
  successTimeout: m = 2e3,
  isError: n,
  errorTimeout: d = 5e3,
  ...p
}) => {
  const r = o(i, m), s = o(n, d);
  return /* @__PURE__ */ e(
    f,
    {
      "data-slot": "save-button",
      disabled: l ?? a,
      isPending: a,
      variant: r ? "success" : s ? "destructive" : "default",
      className: u(
        "border-2 border-transparent transition-all",
        r || s ? "w-28" : "w-20",
        c
      ),
      ...p,
      children: r ? /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { children: "Saved" }),
        /* @__PURE__ */ e(v, { className: "size-4", strokeWidth: 3 })
      ] }) : s ? /* @__PURE__ */ t("div", { className: "flex w-full items-center gap-2", children: [
        /* @__PURE__ */ e(h, { className: "size-4" }),
        "Error"
      ] }) : "Save"
    }
  );
};
export {
  g as S
};