Which indentation style you prefer for JSX code?

There are a couple of ways to indent JSX code. Which style you find to be the best:

1. One liners

   return <div className="well" style={{ border: "1px solid orange", padding: "2rem" }}>
    Content
   </div>
   

2. Line per attribute, regular indent

   return <div className="well" 
    style={{ 
      border: "1px solid orange", 
      padding: "2rem" 
    }}>
    Content
   </div>
   

3. Line per attribute, aligned

   return <div className="well" 
               style={{ 
                 border: "1px solid orange", 
                 padding: "2rem" 
               }}>
    Content
   </div>
   

4. Multiline

   return (
    <div 
      className="well" 
      style={{
        border: "1px solid orange", 
        padding: "2rem" 
      }}
    >
      Content
    </div>
   )