From 6115bf249c9d99b8ceec4eadd729ae2f10a91bbb Mon Sep 17 00:00:00 2001
From: uwap <me@uwap.name>
Date: Tue, 26 Sep 2017 08:42:35 +0200
Subject: [PATCH] Make areasTemplate a list of strings

example

```
<GridContainer
  areasTemplate={["sidebar nav", "sidebar content", "sidebar footer"]}
```
---
 src/container.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/container.js b/src/container.js
index 7f9cf2f..ef532d5 100644
--- a/src/container.js
+++ b/src/container.js
@@ -8,7 +8,7 @@ export default class GridContainer extends Component {
       display: 'grid',
       gridTemplateRows: rowTemplate,
       gridTemplateColumns: columnTemplate,
-      gridTemplateAreas: areasTemplate,
+      gridTemplateAreas: areasTemplate.reduce((a,b) => a + " " + '"' + b + '"', ""),
       ...this.props.style
     }
 
@@ -19,7 +19,7 @@ export default class GridContainer extends Component {
 GridContainer.propTypes = {
   rowTemplate: React.PropTypes.string,
   columnTemplate: React.PropTypes.string,
-  areasTemplate: React.PropTypes.string,
+  areasTemplate: React.PropTypes.arrayOf(React.PropTypes.string),
   children: React.PropTypes.node,
   style: React.PropTypes.object
 }