import * as React from "react";
import styled from "styled-components";
import { times } from "lodash";

const Wrapper = styled.div`
    min-width: 50px;
    height: 50px;
`;

class ComponentWithSpace extends React.Component {
    render() {
        return (
            <Wrapper>
                <span>Hello</span>
            </Wrapper>
        );
    }
}

export const getItems = (numItems: number = 5) => {
    return times(numItems, i => {
        return <ComponentWithSpace key={i} />;
    });
};