diff --git a/src/components/common/reactselect/ReactSelect.jsx b/src/components/common/reactselect/ReactSelect.jsx index 70c8e53..5fe8120 100644 --- a/src/components/common/reactselect/ReactSelect.jsx +++ b/src/components/common/reactselect/ReactSelect.jsx @@ -32,10 +32,33 @@ export default function ReactSelect(){ setSelect('') } } + + +const CustomOption = (props) => { + const { data, innerRef, innerProps, isSelected, isFocused, isDisabled } = props; + const customClass = data.value === '6' ? 'special-option' : ''; + + // 기본 선택/호버 상태 적용 + const optionClass = `${customClass} ${isSelected ? 'custom__option--is-selected' : ''} + ${isFocused ? 'custom__option--is-focused' : ''} + ${isDisabled ? 'custom__option--is-disabled' : ''}`; + + return ( +
+ {data.label} +
+ ); +}; + return(