Debido a las reglas de ESLint, estoy tratando de dividir las líneas de una etiqueta html con atributos (y ternario), pero no puedo hacerlo funcionar. Alguien sabe como hacerlo? ¿Cuál es la forma correcta de dividir estas líneas?

Editar: con el mouse sobre dice "Sangría esperada de 16 caracteres de espacio pero encontré 14.eslintreact/jsx-indent-props", pero cuando coloco la identificación correcta, dice "Sangría esperada de 14 espacios pero encontré 16.eslintindent".

 { cardTrunfo ? <div className="card__super" data-type="card" data-color="black" data-code="0001" > Card Name </div> : '' }