From 6fccf422ea311622fc33e5b3ba692e2aafaac150 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Fri, 21 Mar 2025 16:15:25 +0900
Subject: [PATCH] =?UTF-8?q?search=5Fform=5Fleft,=20right=20/=20table=5Fdiv?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/business_components/src/ui/index.ts   |  5 ++++-
 .../src/ui/search_form_left/index.tsx                 | 11 +++++++++++
 .../src/ui/search_form_right/index.tsx                | 11 +++++++++++
 .../business_components/src/ui/table_div/index.tsx    | 11 +++++++++++
 4 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 packages/common/business_components/src/ui/search_form_left/index.tsx
 create mode 100644 packages/common/business_components/src/ui/search_form_right/index.tsx
 create mode 100644 packages/common/business_components/src/ui/table_div/index.tsx

diff --git a/packages/common/business_components/src/ui/index.ts b/packages/common/business_components/src/ui/index.ts
index 48e1904eb..beec29bf0 100644
--- a/packages/common/business_components/src/ui/index.ts
+++ b/packages/common/business_components/src/ui/index.ts
@@ -10,4 +10,7 @@ export * from "./search_input_select";
 export * from "./select";
 export * from "./table";
 export * from "./main_content_div";
-export * from "./title";
\ No newline at end of file
+export * from "./title";
+export * from "./search_form_left";
+export * from "./search_form_right";
+export * from "./table_div";
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/search_form_left/index.tsx b/packages/common/business_components/src/ui/search_form_left/index.tsx
new file mode 100644
index 000000000..950306231
--- /dev/null
+++ b/packages/common/business_components/src/ui/search_form_left/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function SearchFormLeft(props: {children: React.ReactNode}) {
+  return (
+    <div className="grid grid-cols-12 gap-4 w-4/5 mx-4">
+        {props.children}
+    </div>
+  )
+}
+
+export { SearchFormLeft };
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/search_form_right/index.tsx b/packages/common/business_components/src/ui/search_form_right/index.tsx
new file mode 100644
index 000000000..676b90849
--- /dev/null
+++ b/packages/common/business_components/src/ui/search_form_right/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function SearchFormRight(props: {children: React.ReactNode}) {
+  return (
+    <div className="w-1/5 mx-5 flex items-center justify-end space-x-2">
+        {props.children}
+    </div>
+  )
+}
+
+export { SearchFormRight };
\ No newline at end of file
diff --git a/packages/common/business_components/src/ui/table_div/index.tsx b/packages/common/business_components/src/ui/table_div/index.tsx
new file mode 100644
index 000000000..a6bbe179b
--- /dev/null
+++ b/packages/common/business_components/src/ui/table_div/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function TableDiv(props: {children: React.ReactNode}) {
+  return (
+    <div className="bg-white rounded-lg shadow-sm mb-6 p-6">
+        {props.children}
+    </div>
+  )
+}
+
+export { TableDiv };
\ No newline at end of file