Using styled-components to add styled different components in a loop

Question

I have a components that prints a grid like this:

import React from \'react\';
import Foo from \'./Foo\';
import Bar from \'./Bar\';

import styled from \'sty