feat: create Text component that renders text using custom the design's style

striker-ui/components/Text/BodyText.tsx

@@ -0,0 +1,15 @@
+import { Typography } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { TEXT } from '../../lib/consts/DEFAULT_THEME';
+
+const WhiteTypography = withStyles({
+  root: {
+    color: TEXT,
+  },
+})(Typography);
+
+const BodyText = ({ text }: { text: string }): JSX.Element => {
+  return <WhiteTypography variant="subtitle1">{text}</WhiteTypography>;
+};
+
+export default BodyText;

striker-ui/components/Text/HeaderText.tsx

@@ -0,0 +1,15 @@
+import { Typography } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { TEXT } from '../../lib/consts/DEFAULT_THEME';
+
+const WhiteTypography = withStyles({
+  root: {
+    color: TEXT,
+  },
+})(Typography);
+
+const HeaderText = ({ text }: { text: string }): JSX.Element => {
+  return <WhiteTypography variant="h4">{text}</WhiteTypography>;
+};
+
+export default HeaderText;

striker-ui/components/Text/index.tsx

@@ -0,0 +1,4 @@
+import HeaderText from './HeaderText';
+import BodyText from './BodyText';
+
+export { HeaderText, BodyText };