title: Concat prop value with string in styled-component
body: <p>Having trouble trying to add the 's' string to a prop passed in a styled-component. Also, I'm not entirely sure if i can just use <code>prop.x</code> in a styled component. Here's what i mean:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const MyComponent = (props) =&gt; {
    const StyledLineItem = styled.li`
      animation: ${someAnime};
      animation-delay: ${props.x}; // &lt;- will this work?
  // here i need to add the 's' to the end 
  // but i can't use `` becaouse of the fact that styled components 
  // are in a template tag already... at least i think that's why 
  // i get errors when i try `${props.x}s`
  // also, i haven't tested but will using ${prop.x} in a styled-component
  // like this even work?
    `
    return (
      &lt;StyledLineItem&gt;{props.text}&lt;/StyledLineItem&gt;
    )
  }
  
  // in my main component...
  
  // ... react component stuff
    render() {
      return (
        &lt;ul&gt;
          {_.map(data, (item, i) =&gt; &lt;MyComponent key={i} text={item.text})}
        &lt;/ul&gt;
      )
    }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Let me know if i can be clearer on something. </p>