From 9b44458a12a8cb98a0c9920c6a553123482a169f Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Wed, 5 Mar 2025 14:51:39 +0900
Subject: [PATCH] =?UTF-8?q?search=5Fform=20=EB=B0=8F=20selectbox=20?=
 =?UTF-8?q?=EC=98=81=EC=97=AD=20=EC=88=98=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/search_form/index.tsx              | 14 +++++-
 .../src/ui/select/index.tsx                   | 44 ++++++++++++++-----
 2 files changed, 45 insertions(+), 13 deletions(-)

diff --git a/packages/common/business_components/src/ui/search_form/index.tsx b/packages/common/business_components/src/ui/search_form/index.tsx
index 457c22024..13391dc01 100644
--- a/packages/common/business_components/src/ui/search_form/index.tsx
+++ b/packages/common/business_components/src/ui/search_form/index.tsx
@@ -1,6 +1,18 @@
+/**
+ *  검색영역 스타일 
+ */
+const styles = {
+    divStyle : {
+      border: '1px solid black',
+      margin: '1rem',
+      display: 'flex',
+      borderRadius: '1rem'
+    } as React.CSSProperties
+}
+
 function SearchDiv ({children}:{ children: React.ReactNode; }) {
    return (
-      <div>
+      <div style={styles.divStyle}>
         {children}   
       </div>
     )
diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index 1b473f4c3..3b48b6c3f 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -1,23 +1,43 @@
+import { Label } from "@common/components";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./lib/selectBox";
 
+/** 차트 기본 스타일 */
+const styles = {
+    selectBoxDiv : {
+      marginLeft : '2rem',
+      display : 'flex'
+    } as React.CSSProperties,
+    selectStyle : {
+      marginLeft: '1rem',
+      width:'8rem'
+    } as React.CSSProperties,
+    labelStyle : {
+      margin:'0.8rem 0.8rem 0.8rem 0.8rem',
+      fontSize: '10px',
+    } as React.CSSProperties
+}
+
 interface SelectBox1 {
   text:string,
   val:string
 }
 
-function SelectBox(props: { selectArray: SelectBox1[]}){
+function SelectBox(props: {label : string, selectArray: SelectBox1[]}){
   return (
-    <Select>
-      <SelectTrigger className="w-[100px]">
-        <SelectValue placeholder="Theme" />
-      </SelectTrigger>
-      <SelectContent>
-        {props.selectArray.map((selectArray) => (
-          <SelectItem key={selectArray.val} value={selectArray.val}>{selectArray.text}</SelectItem>
-        ))}
-      </SelectContent>
-    </Select>
+    <div style={styles.selectBoxDiv}>
+      <Label style={styles.labelStyle}>{props.label}</Label>
+      <Select style={styles.selectStyle}>
+        <SelectTrigger style={styles.selectStyle} className="w-[180px]">
+          <SelectValue placeholder="Theme" />
+        </SelectTrigger>
+        <SelectContent>
+          {props.selectArray.map((selectArray) => (
+            <SelectItem key={selectArray.val} value={selectArray.val}>{selectArray.text}</SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+    </div>
   )  
 }
 
-export { SelectBox };
+export { SelectBox };
\ No newline at end of file