import { jsx } from "../../../packages/jsx/src/jsx-runtime.js";
import { forwardRef } from "react";
import { NanoscopicProgress } from "../../../atoms/NanoscopicProgress/NanoscopicProgress.js";
const TableNProgress = forwardRef(function TableNProgress2({ status, progressProps }, ref) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      ref,
      sx: {
        width: "100%",
        zIndex: 1
      },
      children: status === "stale" && /* @__PURE__ */ jsx(
        NanoscopicProgress,
        {
          isAnimating: true,
          sx: { position: "absolute", inset: 0, transform: "translateY(-0.5px)" },
          ...progressProps
        }
      )
    }
  );
});
export {
  TableNProgress
};
