Add Card component and story

Author: fdaciuk

.bsb.lock

@@ -23,3 +23,4 @@ yarn-debug.log*
 yarn-error.log*
 .merlin
 /lib
+.bsb.lock

.gitignore

@@ -3,10 +3,11 @@ open CssJs
 let card = style(.[
   //
   background(Theme.Colors.lightBlue1->hex),
-  borderRadius(Theme.Radius.small),
+  borderRadius(Theme.Radius.medium),
+  padding(3.2->rem),
 ])
 
 @react.component
-let make = () => {
-  <div />
+let make = (~children) => {
+  <div className={card}>children</div>
 }

src/components/Card/Card.bs.js

@@ -0,0 +1,16 @@
+open Storybook
+open Render
+
+storiesOf("Card", Helpers.storybookModule)
+->add("Basic usage", () => {
+  <Card>
+    <Typography level=#h1 variant=#title>
+      {"ReScript & React.js - Real World App"->s}
+    </Typography>
+
+    <Typography>
+      {"Texto"->s}
+    </Typography>
+  </Card>
+})
+->ignore