content: import React from 'react';
  
  import { Grommet, Box, InfiniteScroll, Text } from 'grommet';
  import { grommet } from 'grommet/themes';
  
  const allItems = Array(2000)
    .fill()
    .map((_, i) => `item ${i + 1}`);
  
  export const Simple = props => (
    <Grommet theme={grommet}>
      <Box>
        <InfiniteScroll items={allItems} {...props}>
          {item => (
            <Box
              key={item}
              pad="medium"
              border={{ side: 'bottom' }}
              align="center"
            >
              <Text>{item}</Text>
            </Box>
          )}
        </InfiniteScroll>
      </Box>
    </Grommet>
  );
  
  export default {
    title: 'Utilities/InfiniteScroll/Simple',
  };
  