title: How to render conditionally with styled-components?
body: <p>I have a functional react component (hooks) called <code>toggle</code>, that has a <code>button</code> component, and when clicked, toggles the visibility of an <code>&lt;styledTitle&gt;</code> (<code>styled-components</code>). It looks like this:</p>
  
  <pre><code>const Toggle = () =&gt; {
      const styledTitle = styled.h1`
          //some styles
          //SUDO CODE: display none if toggle === true else block
      `;
      const [toggle, setToggle] = useState(false)
      const handleToggle = () =&gt; {
          setToggle(!toggle)
      }
      &lt;button onClick={handleToggle}&gt;Click me&lt;/button&gt;
      &lt;styledTitle&gt;Text&lt;/styledTitle&gt;
  }
  </code></pre>
  
  <p>I want the <code>styledTitle</code> to <code>display: none</code> if the  value of <code>toggle</code> is <code>true</code> else <code>display: block</code></p>
  
  <p>How can I do that? Thanks is advance.</p>