import { jsx as t, jsxs as o, Fragment as r } from "@emotion/react/jsx-runtime";
import { useModuleDictionary as h, useModuleSkeleton as u } from "@m4l/core";
import { Skeleton as n } from "@mui/material";
import { RowsCountRootStyled as w, RowsCountLabelStyled as i, RowsCountValueStyled as a } from "../../../../slots/DataGridSlot.js";
import { useDataGrid as c } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
function g() {
  const { rowsCount: l, size: e } = c(), { getLabel: d } = h(), s = u();
  return /* @__PURE__ */ t(w, { ownerState: { size: e }, children: s ? /* @__PURE__ */ o(r, { children: [
    /* @__PURE__ */ t(i, { ownerState: { size: e }, children: /* @__PURE__ */ t(n, { variant: "text", width: "40px", height: "16px" }) }),
    /* @__PURE__ */ t(a, { ownerState: { size: e }, children: /* @__PURE__ */ t(n, { variant: "text", width: "20px", height: "16px" }) })
  ] }) : /* @__PURE__ */ o(r, { children: [
    /* @__PURE__ */ t(i, { ownerState: { size: e }, children: d("data_grid.rows") }),
    /* @__PURE__ */ t(a, { ownerState: { size: e }, children: l })
  ] }) });
}
export {
  g as RowsCount
};
