From 07e1cbc66f1c56de4867d67acd0ad3727aa9be41 Mon Sep 17 00:00:00 2001
From: LandaMm <qwer.009771@gmail.com>
Date: Wed, 21 May 2025 19:26:54 +0200
Subject: [PATCH] feat: spread input props

---
 web/src/components/ui/input.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/web/src/components/ui/input.tsx b/web/src/components/ui/input.tsx
index 31f76e7..015d5fb 100644
--- a/web/src/components/ui/input.tsx
+++ b/web/src/components/ui/input.tsx
@@ -1,19 +1,12 @@
-import type { FC } from "react";
+import type { FC, InputHTMLAttributes } from "react";
 
-interface InputProps {
-  id: string;
-  type: string;
-  placeholder?: string;
-  className?: string;
-}
+type InputProps = InputHTMLAttributes<HTMLInputElement>;
 
-export const Input: FC<InputProps> = ({ id, type, placeholder, className }) => {
+export const Input: FC<InputProps> = ({ className, ...props }) => {
   return (
     <input
-      id={id}
-      type={type}
-      placeholder={placeholder}
-      className={`w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
+      {...props}
+      className={`w-full border border-gray-300 rounded-md px-3 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
         className || ""
       }`}
     />