fix: typography Component - Introduced ForwardRef (#179)

* refactor: introduced forwardref

* refacttor: updated ref's

* fix: fixed func's name

* fix: fixed snapshots

* fix: updated snap

src/components/NotFound/styles.ts

@@ -0,0 +1,40 @@
+import { default as MuiCard } from '@material-ui/core/Card';
+import { default as MuiList } from '@material-ui/core/List';
+import styled from 'react-emotion';
+
+import { default as Typography } from '../../muiComponents/Heading';
+
+export const Wrapper = styled('div')({
+  display: 'flex',
+  alignItems: 'center',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  flex: 1,
+  padding: '16px',
+});
+
+export const Inner = styled('div')({
+  maxWidth: '650px',
+  display: 'flex',
+  flexDirection: 'column',
+});
+
+export const EmptyPackage = styled('img')({
+  width: '150px',
+  margin: '0 auto',
+});
+
+export const Heading = styled(Typography)({
+  color: '#4b5e40',
+});
+
+export const List = styled(MuiList)({
+  '&&': {
+    padding: 0,
+    color: '#4b5e40',
+  },
+});
+
+export const Card = styled(MuiCard)({
+  marginTop: '24px',
+});