title: if statement inside styled component
body: <pre><code>export enum SizeEnum {
      Small,
      Large
  }
  
  export interface ICheckbox {
      Size: SizeEnum;
  }
  
  const Box = styled.div`
      height: 20px;
      width: 20px;
  `
  </code></pre>
  
  <p>In the above code I want to be able to conditionally change the height and width value of <code>&lt;Box&gt;</code> based on the prop. How do I do this? </p>