WA-238 Hairline layout component

src/components/layout/Hairline/index.js

@@ -0,0 +1,15 @@
+// @flow
+import * as React from 'react'
+
+const hairlineStyle = {
+  width: '100%',
+  height: '2px',
+  backgroundColor: '#d5d4d6',
+  margin: '20px 0px',
+}
+
+const Hairline = () => (
+  <div style={hairlineStyle} />
+)
+
+export default Hairline

src/components/layout/Hairline/index.stories.js

@@ -0,0 +1,14 @@
+// @flow
+import { storiesOf } from '@storybook/react'
+import * as React from 'react'
+import { host } from 'storybook-host'
+import Component from './index'
+
+storiesOf('Components', module)
+  .addDecorator(host({
+    title: 'Hairline',
+    align: 'center',
+    height: 5,
+    width: '100%',
+  }))
+  .add('Hairline', () => <Component />)