import { jsx as e, jsxs as n } from "react/jsx-runtime";
import { useMemo as o } from "react";
import { useTableContext as s } from "../context/index.js";
import "../../../context/index.js";
const _ = () => {
  const [r] = s((a) => a.dataConfig), t = o(() => [...r.map((c, l) => /* @__PURE__ */ e("td", { style: { paddingBlock: 0 }, children: /* @__PURE__ */ e("div", { className: "loader _bg-slate-300 _h-6 _my-0.5 _w-full" }) }, l))], [r]);
  return /* @__PURE__ */ n("tbody", { className: "", children: [
    /* @__PURE__ */ e("tr", { children: t }),
    /* @__PURE__ */ e("tr", { children: t }),
    /* @__PURE__ */ e("tr", { children: t }),
    /* @__PURE__ */ e("tr", { children: t }),
    /* @__PURE__ */ e("tr", { children: t }),
    /* @__PURE__ */ e("tr", { children: t })
  ] });
}, u = ({ children: r }) => /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { className: "_relative _h-64", children: /* @__PURE__ */ e("td", { className: "_absolute _left-1/2 -_translate-x-1/2", children: r || /* @__PURE__ */ e("p", { className: "m-auto", children: "¡Oops, Parece que no hay información disponible para mostrar!" }) }) }) }), p = ({ errMsg: r }) => /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { className: "_relative _h-64", children: /* @__PURE__ */ e("td", { className: "_absolute _left-1/2 -_translate-x-1/2", children: /* @__PURE__ */ e("h4", { children: r || "¡Oops hubo un error en la consulta!" }) }) }) });
export {
  u as TableEmptyData,
  p as TableErrorData,
  _ as TableLoading
};
