From 6e4d0c8bcda29eaa2c130843d81c9fb3de65bc1f Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Fri, 12 Sep 2025 18:08:28 +0900
Subject: [PATCH] =?UTF-8?q?input=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transaction/ui/filter/billing-filter.tsx  |  2 +-
 src/shared/ui/filter/input.tsx                | 30 +++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/shared/ui/filter/input.tsx

diff --git a/src/entities/transaction/ui/filter/billing-filter.tsx b/src/entities/transaction/ui/filter/billing-filter.tsx
index 6722138..974e439 100644
--- a/src/entities/transaction/ui/filter/billing-filter.tsx
+++ b/src/entities/transaction/ui/filter/billing-filter.tsx
@@ -1,6 +1,6 @@
 import moment from 'moment';
 import { useEffect } from 'react';
-import { ChangeEvent, useState } from 'react';
+import { useState } from 'react';
 import { motion } from 'framer-motion';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { FilterSelect } from '@/shared/ui/filter/select';
diff --git a/src/shared/ui/filter/input.tsx b/src/shared/ui/filter/input.tsx
new file mode 100644
index 0000000..5af625e
--- /dev/null
+++ b/src/shared/ui/filter/input.tsx
@@ -0,0 +1,30 @@
+import { ChangeEvent } from 'react';
+
+export interface FilterInputProps {
+  title: string;
+  inputValue: string;
+  inputSetter: (value: any) => void;
+};
+export const FilterInput = ({
+  title,
+  inputValue,
+  inputSetter
+}: FilterInputProps) => {
+
+  return (
+    <>
+      <div className="opt-field">
+        <div className="opt-label">{ title }</div>
+        <div className="opt-controls">
+          <input
+            className="flex-1"
+            type="text"
+            placeholder=""
+            value={ inputValue }
+            onChange={ (e: ChangeEvent<HTMLInputElement>) => inputSetter(e.target.value)}
+          />
+        </div>
+      </div>
+    </>
+  );
+};
\ No newline at end of file