Estoy buscando una forma de anular los estilos de un componente usando css className, esto es lo que he intentado hasta ahora:

 <div style={{ shadowColor: 'black', shadowOffset: { width: 0, height: 2 }, shadowRadius: 6, shadowOpacity: 0.26, elevation: 8, boxShadow: '2px 5px 5px', border-color: 'white'; ...props.style, }}> {props.children} </div>

y estos son los estilos css:

 .component_override { height: 600px; width: 400px; background-color: rgb(255, 255, 255); border-radius: 30px; border: solid; border-color: #000000; }