refactor(ui): SelectV2 TriggerContent 내 커스텀 Icon을 적용할 수 있도록 icon prop…

… 추가. (#228)

* refactor: 커스텀 Icon을 적용할 수 있도록 icon prop 추가.

* cs

.changeset/early-owls-protect.md

@@ -0,0 +1,5 @@
+---
+'@sopt-makers/ui': patch
+---
+
+SelectV2 TriggerContent 내 커스텀 Icon을 적용할 수 있도록 icon prop 추가.

packages/ui/Input/Select.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import { useState, useRef, useEffect, useCallback, createContext, useContext } from 'react';
 import { IconChevronDown, IconUser } from '@sopt-makers/icons';
 import { createPortal } from 'react-dom';
@@ -147,25 +148,32 @@ function SelectTrigger({ children }: SelectTriggerProps) {
 interface SelectTriggerContentProps {
   placeholder?: string;
   className?: string;
+  icon?: ReactNode;
 }
 
 // Select.TriggerContent 컴포넌트: trigger의 미리 정의된 UI
-function SelectTriggerContent({ placeholder, className }: SelectTriggerContentProps) {
+function SelectTriggerContent(props: SelectTriggerContentProps) {
+  const { placeholder, className, icon } = props;
+
   const { open, selected } = useSelectContext();
 
   const selectedLabel = selected ? selected.label : placeholder;
 
   return (
     <div className={`${S.select} ${open ? S.focus : ''} ${className}`}>
       <p className={!selected ? S.selectPlaceholder : ''}>{selectedLabel}</p>
-      <IconChevronDown
-        style={{
-          width: 20,
-          height: 20,
-          transform: open ? 'rotate(-180deg)' : '',
-          transition: 'all 0.3s ease',
-        }}
-      />
+      {icon ? (
+        icon
+      ) : (
+        <IconChevronDown
+          style={{
+            width: 20,
+            height: 20,
+            transform: open ? 'rotate(-180deg)' : '',
+            transition: 'all 0.3s ease',
+          }}
+        />
+      )}
     </div>
   );
 }