WIP - Tab

src/components/Tab/Tab.res

@@ -0,0 +1,26 @@
+open Render
+
+module Styles = Tab_Styles
+
+@react.component
+let make = (~children) =>
+  <div className=Styles.tab>
+    children
+  </div>
+
+module Pane = {
+  @react.component
+  let make = (~children) =>
+    <div className=Styles.pane>
+      <Typography>{"Title"->s}</Typography>
+      children
+    </div>
+}
+
+module Content = {
+  @react.component
+  let make = (~children, ~pane) =>
+    <div>
+      children
+    </div>
+}

src/components/Tab/Tab_Stories.res

@@ -0,0 +1,16 @@
+open Storybook
+open Render
+
+storiesOf("Tab", Helpers.storybookModule)
+->add("Basic usage", () => {
+  <Tab>
+    <Tab.Pane>
+      {"Tab content for your feed"->s}
+    </Tab.Pane>
+
+    <Tab.Pane>
+      {"Tab content for global feed"->s}
+    </Tab.Pane>
+  </Tab>
+})
+->ignore

src/components/Tab/Tab_Styles.res

@@ -0,0 +1,10 @@
+open CssJs
+
+let tab = style(.[
+  border(1->px, solid, red),
+  display(#flex),
+])
+
+let pane = style(.[
+  border(1->px, solid, green),
+])