title: styled-components defaultProps
body: <p>If I have the following button with a defaultProp</p>
  
  <pre><code>export interface IButton {
    variant: 'action' | 'secondary';
  }
  
  export const Button = styled('button')&lt;IButton&gt;`
    background-color: #fff;
  
    ${props =&gt;
      props.variant === 'action' &amp;&amp;
      css`
        color: blue;
      `};
  
    ${props =&gt;
      props.variant === 'secondary' &amp;&amp;
      css`
        color: gray;
      `};
  `;
  
  Button.defaultProps = {
    variant: 'action',
  };
  </code></pre>
  
  <p>Is there a way to type it? When trying to use it like</p>
  
  <pre><code>&lt;Button&gt;Hello&lt;/Button&gt;
  </code></pre>
  
  <p>Typescript complains about not passing variant, is there a way to type defaultProps with styled components?</p>