title: customize antd tooltip styles using styled components
body: <p>I am trying to have custom width for antd tooltip component: <a href="https://ant.design/components/tooltip/" rel="noreferrer">Link to docs</a></p>
  <p>How can this be done ?</p>
  <pre><code>import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  import &quot;antd/dist/antd.css&quot;;
  import { Tooltip } from &quot;antd&quot;;
  import styled from &quot;styled-components&quot;;
  
  const Styled = styled.div`
    .ant-tooltip-inner {
      color: yellow;
      background-color: green;
      width: 800px;
    }
  `;
  
  ReactDOM.render(
    &lt;Styled&gt;
      &lt;Tooltip title=&quot;prompt text&quot;&gt;
        &lt;span&gt;Tooltip will show on mouse enter.&lt;/span&gt;
      &lt;/Tooltip&gt;
    &lt;/Styled&gt;,
    document.getElementById(&quot;container&quot;)
  );
  </code></pre>