대시보드 중간 커밋

features/dashboard/components/search/StockSearchForm.tsx

@@ -0,0 +1,37 @@
+import type { FormEvent } from "react";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { Search } from "lucide-react";
+
+interface StockSearchFormProps {
+  keyword: string;
+  onKeywordChange: (value: string) => void;
+  onSubmit: (e: FormEvent) => void;
+  disabled?: boolean;
+  isLoading?: boolean;
+}
+
+export function StockSearchForm({
+  keyword,
+  onKeywordChange,
+  onSubmit,
+  disabled,
+  isLoading,
+}: StockSearchFormProps) {
+  return (
+    <form onSubmit={onSubmit} className="flex gap-2">
+      <div className="relative flex-1">
+        <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
+        <Input
+          placeholder="종목명 또는 코드(6자리) 입력..."
+          className="pl-9"
+          value={keyword}
+          onChange={(e) => onKeywordChange(e.target.value)}
+        />
+      </div>
+      <Button type="submit" disabled={disabled || isLoading}>
+        {isLoading ? "검색 중..." : "검색"}
+      </Button>
+    </form>
+  );
+}