@modern-kit/react/dist/components/Iterator/index.mjs

modern-kit/react

import { jsx, Fragment } from 'react/jsx-runtime';
import { isPlainObject } from '@modern-kit/utils';
import React, { useCallback } from 'react';

const Iterator = ({
  items,
  itemKey,
  renderItem
}) => {
  const getKey = useCallback(
    (item, index) => {
      return isPlainObject(item) ? item?.[itemKey] || index : `${item}_${index}`;
    },
    [itemKey]
  );
  return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, index) }, getKey(item, index))) });
};

export { Iterator };
//# sourceMappingURL=index.mjs.map