New component

src/components/PageComponents/Text-Comparison/TextComparisonComponent.tsx

@@ -0,0 +1,27 @@
+import './TextComparisonComponent.sass'
+import { createSignal } from 'solid-js'
+import Input from '../../Input/Input'
+import Button from '../../Button/Button'
+
+export default () => {
+  const [firstText, setFirstText] = createSignal('')
+  const [secondText, setSecondText] = createSignal('')
+
+  return (
+    <>
+      <section class='section'>
+        <div class='section__button'>
+          <Button label="Compare Texts" />
+        </div>
+
+        <div class='section__inputs'>
+          <Input value={firstText()} onChange={setFirstText} isTextField width={40} height={40} />
+          <Input value={secondText()} onChange={setSecondText} isTextField width={40} height={40} />
+        </div>
+      </section>
+
+      {/* <Input label="Plain Text" value={plainText()} onChange={setPlainText} isTextField></Input> */}
+
+    </>
+  )
+}