search_form_left, right / table_div 추가가

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";
+export * from "./title";
+export * from "./search_form_left";
+export * from "./search_form_right";
+export * from "./table_div";

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 };

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 };

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 };