title: how could i pass two props from jsx to scss
body: <p>I have following two props that i need to access in linear-gradient in <code>MyComponent.scss</code></p>
  
  <pre><code>startColor: PropTypes.string
  endColor: PropTypes.string
  </code></pre>
  
  <p>My component looks like below</p>
  
  <pre><code>MyComponent.jsx
  
  &lt;myComponent 
    {...customProps}
    style={{color: customProps.color }}
    className={classess}
    ...other props here..
    /&gt;
  </code></pre>
  
  <p>Currently it accepts only one color.</p>
  
  <p>linear-gradient property in <code>MyComponent.scss</code> looks like below</p>
  
  <pre><code>linear-gradient(to left, currentcolor, currentcolor);
  </code></pre>
  
  <p>It'll be updated to use startColor and endColor.</p>
  
  <p>How could i achieve that?</p>