import { Entity } from "@contember/binding";
import { useComponentClassName, Grid } from "@contember/ui";
import { memo } from "react";
import { jsxDEV } from "react/jsx-dev-runtime";
var _jsxFileName = "/__w/interface/interface/packages/admin/src/components/bindingFacade/collections/DataGrid/base/DataGridContainer/DataGridContainerGrid.tsx";
const DataGridContainerGrid = memo(({
  accessor,
  tileSize = 160,
  tile
}) => /* @__PURE__ */ jsxDEV("div", {
  className: useComponentClassName("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: _jsxFileName,
      lineNumber: 21,
      columnNumber: 5
    }, void 0))
  }, void 0, false, {
    fileName: _jsxFileName,
    lineNumber: 19,
    columnNumber: 3
  }, void 0)
}, void 0, false, {
  fileName: _jsxFileName,
  lineNumber: 18,
  columnNumber: 2
}, void 0));
DataGridContainerGrid.displayName = "DataGridContainerGrid";
export {
  DataGridContainerGrid
};
//# sourceMappingURL=DataGridContainerGrid.js.map
