title: how to apply a few styles properties depends on condition styled-components
body: <p>Is it possible to apply a few styles of properties at once?</p>
  
  <pre><code>const Button = styled.div`
    color: blue;
    opacity: 0.6;
    background-color: #ccc;
  `
  </code></pre>
  
  <p>I need to pass active property, which will affect color, opacity, background-color. How can I apply styles for the active button at once instead of declaring conditions for each property?</p>
  
  <pre><code>const Button = styled.div`
    color: ${props.active ? 'green' : 'blue'};
    opacity: ${props.active ? 1 : 0.6};
    background-color: : ${props.active ? 'white' : '#ccc'};
  </code></pre>