title: styled-components 'css' is not defined no-undef
body: <p>I have the following <code>Button.js</code>:</p>
  
  <pre><code>import styled from 'styled-components';
  
  const Button = styled.button`
  
      background: black;
      border: none;
      color: white;
      outline: none;
  
      ${props =&gt; props.add &amp;&amp; css`
          background: palevioletred;
          color: white;
      `};
  
      ${props =&gt; props.delete &amp;&amp; css`
          background: palevioletred;
          color: white;
      `};
  
  `;
  
  export default Button;
  </code></pre>
  
  <p>But when I run it I get the following error during compile: </p>
  
  <blockquote>
    <p>./src/components/Button.js Line 10:  'css' is not defined  no-undef
    Line 15:  'css' is not defined  no-undef</p>
  </blockquote>
  
  <p>I then use the buttons like this:</p>
  
  <pre><code>&lt;Button delete&gt;Delete&lt;/Button&gt;
  &lt;Button add&gt;Add&lt;/Button&gt;
  </code></pre>
  
  <p>Anything I did wrong here?</p>