From 0d1a78a18d46fb137115dd4aac24c6211dd366b6 Mon Sep 17 00:00:00 2001
From: tanmen <yt.prog@gmail.com>
Date: Sun, 10 Dec 2023 23:11:51 +0900
Subject: [PATCH] fix(dropdown): add props

---
 src/dropdowns/SearchDropdown/SearchDropdown.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/dropdowns/SearchDropdown/SearchDropdown.tsx b/src/dropdowns/SearchDropdown/SearchDropdown.tsx
index f1590d14..87ceb23c 100644
--- a/src/dropdowns/SearchDropdown/SearchDropdown.tsx
+++ b/src/dropdowns/SearchDropdown/SearchDropdown.tsx
@@ -1,4 +1,4 @@
-import {FC, forwardRef, ReactNode, useState} from "react";
+import {DetailedHTMLProps, FC, forwardRef, InputHTMLAttributes, ReactNode, useState} from "react";
 import {Input} from "../../inputs/Input";
 import {Dropdown} from "../Dropdown/Dropdown";
 
@@ -10,15 +10,15 @@ export type SearchDropdownItem = {
 export type SearchDropdownProps = {
   items: SearchDropdownItem[]
   onTextChange?: (text: string) => Promise<unknown> | unknown;
-}
+} & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type' | 'value' | 'ref'>
 
 export const SearchDropdown: FC<SearchDropdownProps> = forwardRef<HTMLInputElement, SearchDropdownProps>(
-  ({items, onTextChange}, ref) => {
+  ({items, onTextChange, ...props}, ref) => {
     const [value, setValue] = useState<string>();
     const [open, setOpen] = useState(false);
     return <Dropdown open={open}
                      items={items.map(({key, body}) => <div key={key} onClick={() => setValue(key)}>{body}</div>)}>
-      <input ref={ref} type="hidden" value={value}/>
+      <input ref={ref} type="hidden" value={value} {...props}/>
       <Input onFocus={() => setOpen(true)} onBlur={() => setOpen(false)}
              onChange={e => onTextChange?.(e.target.value)}/>
     </Dropdown>;