git.iko.soy/rowtype-yoga/psfp
on 9e23a92 help sign in
rowtype-yoga/psfp/stories/ContainerStories.purs
34 lines 980 B history raw
1module ContainerStories where
3import Prelude hiding (add)
4import Container.Component (mkContainer)
5import Effect (Effect)
6import React.Basic.DOM (css)
7import React.Basic.DOM as R
8import Storybook.React (Storybook, add, storiesOf)
9import Theme.Default (darkTheme)
11stories ∷ Effect Storybook
12stories =
13 storiesOf "Container" do
14 add "Container" mkContainer
15 [ { theme: darkTheme
16 , children:
17 [ R.h1
18 { children: [ R.text "PURESCRIPT" ]
19 , style:
20 css
21 { textAlign: "center"
22 , marginTop: "20px"
23 , fontSize: "2em"
24 , fontFamily: darkTheme.headingFontFamily
25 , letterSpacing: "0.07em"
26 }
27 }
28 , R.div
29 { children: [ R.text "what the fuck?" ]
30 , style: css { height: "400px", textAlign: "center", marginTop: "100px" }
31 }
32 ]
33 }
34 ]