GeorgeandClaude Sonnet 5
ab3c613165
Base para el flujo de ramas por cliente. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
27 lines
668 B
TypeScript
27 lines
668 B
TypeScript
import type { KeyboardEvent } from "react";
|
|
|
|
interface SearchInputProps {
|
|
value: string;
|
|
placeholder?: string;
|
|
onChange: (value: string) => void;
|
|
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
}
|
|
|
|
export default function SearchInput({
|
|
value,
|
|
placeholder,
|
|
onChange,
|
|
onKeyDown,
|
|
}: SearchInputProps) {
|
|
return (
|
|
<input
|
|
type="text"
|
|
value={value}
|
|
placeholder={placeholder}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
onKeyDown={onKeyDown}
|
|
className="w-full h-7 px-2 py-0 text-xs bg-white border border-[var(--color-input-border)] rounded-none outline-none focus:border-[var(--color-primary)]"
|
|
/>
|
|
);
|
|
}
|