title: Dynamically pass props using typescript ENUM
body: <p>I started learning typescript, using React so trying to create scenarios to practice as I go forwards. </p>
  
  <pre><code>export enum Colors {
    Blue = "#0000FF",
    Red= "#FF0000",
    Green = "#00FF00",
  }
  
   export const ColorComponent React.FC&lt;props&gt; = ((props): JSX.Element =&gt; {
  
  // props will receive dynamically one of the options (Blue, Red or Green)
  
  return (
  
          &lt;div className="container"&gt;
              &lt;BackGroundColor Color={} /&gt;
         &lt;/div&gt;
  
  }
  </code></pre>
  
  <p>Is it possible to receive an color throw props, props.myColor, how can I insert myColor into component BackGroundColor using Typescript Colors.Blue for example, where blue should come from the props.</p>
  
  <p>If I pass Colors.Blue it works, but how to send other options.</p>
  
  <p>Objective is receive color string throw props and dynamically set the color into background component.</p>