import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
import { useIsMobile as p } from "@m4l/graphics";
import { ControlNavigateStyled as c } from "../../slots/DataGridSlot.js";
import { useComponentSize as l } from "../../../../hooks/useComponentSize/index.js";
import { RowsCount as u } from "./subcomponents/RowsCount/RowsCount.js";
import { Pager as f } from "../../../Pager/Pager.js";
const S = (i) => {
  const {
    withRowsCount: s = !0,
    withPager: t = !0,
    pagerOptions: o,
    size: r
  } = i, n = p(), { currentSize: m } = l(r);
  return /* @__PURE__ */ a(c, { ownerState: { size: m }, children: [
    s && !t && !n && /* @__PURE__ */ e(u, {}),
    t && o && /* @__PURE__ */ e(
      f,
      {
        ...o,
        size: r,
        totalRecords: o.totalRecords
      }
    )
  ] });
};
export {
  S as ControlNavigate
};
