1 files changed, 23 insertions, 0 deletions
diff --git a/src/components/UI/Input.tsx b/src/components/UI/Input.tsx
new file mode 100644
index 0000000..e6a84c0
--- /dev/null
+++ b/src/components/UI/Input.tsx
@@ -0,0 +1,23 @@
+interface InputProps {
+  value: string | number
+  onChange: (value: string) => void
+  placeholder?: string
+  type?: string
+  min?: number
+  max?: number
+}
+
+export default function Input({ value, onChange, placeholder, type = 'text', min, max }: InputProps) {
+  return (
+    <input
+      type={type}
+      value={value}
+      placeholder={placeholder}
+      min={min}
+      max={max}
+      onChange={(e) => onChange(e.target.value)}
+      className="w-full h-7 px-2 rounded-md text-ui-sm text-text-primary bg-editor-surface border transition-all duration-150 outline-none placeholder:text-text-muted focus:border-accent"
+      style={{ borderColor: 'var(--color-panel-border)' }}
+    />
+  )
+}