diff --git a/src/components/ui/Input.tsx b/src/components/ui/Input.tsx
new file mode 100644
index 0000000..97cba89
--- /dev/null
+++ b/src/components/ui/Input.tsx
@@ -0,0 +1,20 @@
+'use client'
+
+import { cn } from "@/lib/utils"
+import React from "react"
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  // additional props can be added here
+}
+
+export default function Input({ className, ...props }: InputProps) {
+  return (
+    <input
+      className={cn(
+        "w-full px-3 py-2 text-[#33211f] bg-[#f5f2f2] border border-[#ddd5d4] rounded-md placeholder:text-[#33211f]/50 focus:outline-none focus:border-[#C0392B] focus:ring-1 focus:ring-[#C0392B] transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+        className
+      )}
+      {...props}
+    />
+  )
+}