footer desktop

frontend/components/ui/Button.tsx

@@ -1,11 +1,5 @@
 import React from 'react'
-
-interface ButtonProps {
-  onClick?: () => void
-  className?: string
-  text?: string
-  type?: 'button'
-}
+import { ButtonProps } from '@/app/types'
 
 const Button = ({ onClick, className, text, type }: ButtonProps) => {
   return (

frontend/components/ui/TextInput.tsx

@@ -0,0 +1,39 @@
+import React from 'react'
+import { TextInputProps } from '@/app/types'
+
+const TextInput = ({
+  value,
+  handleChange,
+  label,
+  placeholder,
+  name,
+  type = 'text',
+  className = '',
+  maxLength,
+}: TextInputProps) => {
+  return (
+    <div className={className}>
+      {label && (
+        <label
+          className="block my-2 font-medium text-sm text-gray-500"
+          htmlFor={name}
+        >
+          {label}
+        </label>
+      )}
+      <input
+        type={type}
+        id={name}
+        name={name}
+        placeholder={placeholder}
+        value={value || ''}
+        onChange={handleChange}
+        className="w-full px-4 py-4 border bg-gray-100 text-black rounded-xl focus:outline-none focus:ring-2 focus:ring-mainblocks focus:bg-white"
+        autoComplete={name}
+        maxLength={maxLength}
+      />
+    </div>
+  )
+}
+
+export default TextInput