Use pikkr package to get a result

package.json

@@ -22,6 +22,7 @@
     "@types/react-dom": "16.0.11",
     "@types/styled-components": "^4.1.8",
     "fontfaceobserver": "^2.1.0",
+    "pikkr": "^1.0.0",
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
     "react-dom-confetti": "^0.1.0",

src/components/App/App.tsx

@@ -7,7 +7,7 @@ import LoadFonts from '../../fonts';
 import Form from '../Form';
 import Layout from '../Layout';
 
-import { config } from '../../utils/config';
+import { config } from '../../utils';
 
 class App extends Component {
   state = {
@@ -34,7 +34,7 @@ class App extends Component {
     });
   };
 
-  updateResult = (result: string | boolean) => {
+  updateResult = (result: string | number | boolean) => {
     // if result comes back false it means there was an error
     // so set error to true
     if (!result) {

src/components/Form/Form.tsx

@@ -1,10 +1,9 @@
 import React, { Component } from 'react';
 import styled from 'styled-components';
+import pikkr from 'pikkr';
 
 import Input from '../Input';
 
-import { getResult } from '../../utils/helpers';
-
 interface Props {
   updateResult: (result: string | boolean) => void;
 }
@@ -28,7 +27,7 @@ class Form extends Component<Props> {
     const { updateResult } = this.props;
 
     // make a decision using each input value and get a result
-    const result = getResult(firstInput, secondInput);
+    const result = pikkr([firstInput, secondInput]);
 
     // update parent state with this result using the function
     // passed via props

tslint.json

@@ -16,6 +16,7 @@
     "member-access": false,
     "jsx-no-lambda": false,
     "jsx-boolean-value": false,
-    "object-literal-sort-keys": false
+    "object-literal-sort-keys": false,
+    "ordered-imports": false
   }
 }