simple registration prototype

1 files changed, 4 insertions, 7 deletions

diff --git a/src/components/ui/inputfield.tsx b/src/components/ui/inputfield.tsx
index 40d5206..6b585a9 100644
--- a/src/components/ui/inputfield.tsx
+++ b/src/components/ui/inputfield.tsx
@@ -1,15 +1,12 @@
 import { Input } from '@/components/ui/input';
+import React from 'react';
 
-interface InputFIeldProps {
-    placeholder: string;
-}
-
-export function InputField({ placeholder }: InputFIeldProps) {
+export function InputField(props: React.InputHTMLAttributes<HTMLInputElement>) {
     return (
         <div className="rounded-[20px] border-violet border-[2px] h-[39px] flex items-center justify-between py-[10px] px-[20px]">
             <Input
-                placeholder={placeholder}
-                className="w-full flex text-white placeholder:text-light-violet text-sm min-w-[270px] h-[19px]"
+                {...props}
+                className={`w-full flex text-white placeholder:text-light-violet text-sm min-w-[270px] h-[19px] ${props.className ?? ''}`}
             />
         </div>
     );