import { jsxDEV } from "react/jsx-dev-runtime";
import { Entity } from "@contember/binding";
import { Grid } from "@contember/ui";
import { useClassName } from "@contember/utilities";
import { memo } from "react";
const DataGridContainerGrid = memo(({
  accessor,
  tileSize = 160,
  tile
}) => /* @__PURE__ */ jsxDEV("div", { className: useClassName("data-grid-body-content-grid"), children: /* @__PURE__ */ jsxDEV(Grid, { columnWidth: tileSize, children: !!accessor.length && Array.from(accessor, (entity) => /* @__PURE__ */ jsxDEV(Entity, { accessor: entity, children: tile }, entity.id, false, {
  fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/collections/DataGrid/base/DataGridContainer/DataGridContainerGrid.tsx",
  lineNumber: 22,
  columnNumber: 5
}, globalThis)) }, void 0, false, {
  fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/collections/DataGrid/base/DataGridContainer/DataGridContainerGrid.tsx",
  lineNumber: 20,
  columnNumber: 3
}, globalThis) }, void 0, false, {
  fileName: "/__w/interface/interface/packages/admin/src/components/bindingFacade/collections/DataGrid/base/DataGridContainer/DataGridContainerGrid.tsx",
  lineNumber: 19,
  columnNumber: 2
}, globalThis));
DataGridContainerGrid.displayName = "DataGridContainerGrid";
export {
  DataGridContainerGrid
};
//# sourceMappingURL=DataGridContainerGrid.js.map
