import { CSSProperties } from 'styled-components' ; import { StylesConfig } from 'react-select' ; import { colors } from 'css/theme' ; export const customStyles = { singleValue : ( provided ) => ( { ... provided , color : colors . black } ) , valueContainer : ( provided ) => ( { ... provided , padding : 14 } ) , input : ( provided ) => ( { ... provided , border : 0 } ) , placeholder : ( provided ) => ( { ... provided , color : colors . gray , fontWeight : 500 } ) , control : ( provided ) => ( { ... provided , fontSize : '18px' , boxShadow : '0px 1px 10px rgba(0, 0, 0, 0.1)' , border : 0 } ) , indicatorSeparator : ( provided ) => ( { ... provided , background : '#F2F5FA' , margin : '0x!important' } ) , noOptionsMessage : ( provided ) => ( { ... provided , fontSize : 16 , color : colors . black , padding : 14 } ) , clearIndicator : ( provided ) => ( { ... provided , '> svg' : { width : 25 , height : 25 } } ) } ;