Added container component

package.json

@@ -29,6 +29,7 @@
     "codecov": "^3.3.0",
     "html-webpack-plugin": "^3.2.0",
     "jest": "^24.7.1",
+    "react-styleguidist": "^9.0.5",
     "react-testing-library": "^6.1.1",
     "ts-jest": "^24.0.1",
     "typescript": "^3.4.1",

src/__tests__/Container.test.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+import { render } from 'react-testing-library'
+import Container from '../components/Container'
+
+describe('Container component', () => {
+  it('should render', () => {
+    const component = render(<Container />)
+    expect(component).toBeTruthy()
+  })
+
+  it('shoult match snapshot', () => {
+    const component = render(<Container />)
+    expect(component.asFragment()).toMatchSnapshot()
+  })
+})

src/__tests__/__snapshots__/Container.test.tsx.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Container component shoult match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    style="background-color: rgb(206, 206, 206); padding: 1rem;"
+  />
+</DocumentFragment>
+`;

src/components/Container.tsx

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react'
+
+interface ContainerProps {}
+
+const Container: FunctionComponent<ContainerProps> = ({ children }) => {
+  return (
+    <div style={{ backgroundColor: '#cecece', padding: '1rem' }}>
+      {children}
+    </div>
+  )
+}
+
+export default Container