diff --git a/src/shared/Input.tsx b/src/shared/Input.tsx
new file mode 100644
index 0000000..e70525e
--- /dev/null
+++ b/src/shared/Input.tsx
@@ -0,0 +1,34 @@
+import React, { InputHTMLAttributes } from "react";
+
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+  sizeClass?: string;
+  fontClass?: string;
+  rounded?: string;
+}
+
+// eslint-disable-next-line react/display-name
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  (
+    {
+      className = "",
+      sizeClass = "h-11 px-4 py-3",
+      fontClass = "text-sm font-normal",
+      rounded = "rounded-2xl",
+      children,
+      type = "text",
+      ...args
+    },
+    ref
+  ) => {
+    return (
+      <input
+        ref={ref}
+        type={type}
+        className={`block w-full border-neutral-200 focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 bg-white dark:border-neutral-700 dark:focus:ring-primary-6000 dark:focus:ring-opacity-25 dark:bg-neutral-900 ${rounded} ${fontClass} ${sizeClass} ${className}`}
+        {...args}
+      />
+    );
+  }
+);
+
+export default Input;