Tengo el siguiente componente seleccionado en mi reacción. Necesito modificar este componente.

así que estoy usando el siguiente código para ello.

 const customStyles = { option: (provided:any, state:any) => ({ ...provided, margin:'10px', }), control: (provided:any) => ({ ...provided, height: '48px !important', 'line-height': '2rem center', border: '#e6e6e6 solid 5px !important', }), input:(provided:any)=>({ ...provided, 'margin-top':'-25px', }) }

a continuación se muestra el componente seleccionado.

 <Select id="sponsor" name="sponsor" placeholder={sponsor} styles={customStyles} options={result.map((sponsor:Sponsor)=> ({ label: sponsor.name, value: sponsor.id }) )} >

en realidad, las personas mayores no permiten escribir css en el archivo react jsx . ¿Hay alguna forma en que pueda convertir este código customStyles a formato css ? Lo intenté mucho, pero no es fácil modificar css para el componente react-select .