Added end to end encryption

src/components/Input/Input.tsx

@@ -0,0 +1,40 @@
+import { type Component, type JSXElement } from "solid-js";
+import { IInputProps } from "./types";
+
+const Input: Component<IInputProps> = (props: IInputProps) => {
+    const handleEnter = (e: KeyboardEvent) => {
+        if (e.key === "Enter") {
+            props.onSubmit?.();
+        }
+    };
+
+    const submitHtml = (): JSXElement => (
+        <button
+            class={`bg-stone-950 btn btn-neutral h-full ${props.rounded ? "rounded-full" : "rounded-xl"}`}
+            onClick={props.onSubmit}
+        >
+            {props.submitText}
+        </button>
+    );
+
+    return (
+        <div
+            class={`bg-stone-800 h-16 p-2 flex flex-row gap-2 ${props.rounded ? "rounded-full" : "rounded-2xl"} ${props.outline ? "outline-2" : ""}`}
+        >
+            <label
+                class={`bg-stone-800 input px-5 w-full h-full focus:border-none outline-none ${props.rounded ? "rounded-full" : "rounded-xl"}`}
+            >
+                <input
+                    type={props.type ? props.type : "text"}
+                    placeholder={props.placeholder}
+                    value={props.value}
+                    onInput={(e) => props.onChange?.(e.currentTarget.value)}
+                    onKeyDown={handleEnter}
+                />
+            </label>
+            {props.submitText ? submitHtml() : undefined}
+        </div>
+    );
+};
+
+export { Input };