title: How to use typescript interface property with the margin property?
body: <p>i have  a Label component which is a span tag and accepts the props weight, and size and is like below,</p>
  
  <pre><code>interface Props {
      weight?: 200 | 400 | 500 | 700 | 900;
  }
  
  const Label = styled.span&lt;Props&gt;`
      margin: 0;
      font-weight: ${p =&gt; p.weight || 200};
  `;
  </code></pre>
  
  <p>Now i use it in other component and there i need to add margin-right to the Label component so like below,</p>
  
  <pre><code>render = () =&gt; {
      return (
          &lt;Label 
              weight={400}&gt;
              without using margin-right
          &lt;/Label&gt;
          &lt;Label
              weight={700} 
              margin-right={5px} //here i want to add margin-right
          &lt;/Label&gt;
      )
  }
  </code></pre>
  
  <p>How can i modify the Label component such that it accepts the margin-right property or better even to add margin property with four values something like margin = {0 0 0 5}px;</p>
  
  <p>Could someone help me with this. thanks.</p>