import React from 'react';

interface Props<T> {
  items: T[];
  renderItem: (item: T, index: number) => React.ReactNode;
}

// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
export const BlockArray = <T extends unknown>(props: Props<T>) => {
  const {items, renderItem} = props;
  return <React.Fragment>{items && items.length > 0 && items.map(renderItem)}</React.Fragment>;
};