title: Adding ellipsis and tooltip after two lines text - React
body: <p>Is it possible to create a React component that can add the ellipsis after two lines and show the tooltip only if the text is wrapped?</p>
  
  <p>I've <a href="https://codesandbox.io/s/oxvv12yv99" rel="nofollow noreferrer">tried</a> customizing the Material UI's Typography component with "noWrap" property and additional CSS to it, but failed.</p>
  
  <p>Please assist, I want to achieve something like this screen:
  <a href="https://i.stack.imgur.com/6m6c4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6m6c4.png" alt="enter image description here"></a></p>