Con los componentes con estilo, puedo verificar si una propiedad booleana es true y luego agregar css como se muestra a continuación:

 const Box = styled.div` ${({ someProp }) => someProp && css` border: none; `}; `

Pero, ¿y si quiero comprobar varias condiciones? Por ejemplo, quiero verificar si someProp es true Y someOtherProp es false , ¿cómo lo haría?

Estoy pensando en hacer algo como esto, pero la sintaxis no parece ser correcta:

 const Box = styled.div` ${({ someProp, someOtherProp }) => someProp && !someOtherProp css` border: 1px solid red; `}; `