title: React - How can I pickup component which one I want in to another module
body: <p>See the below code. It is a Tile component with image, heading, Paragraph, and a button.
  My requirement is I want to use this code for creating multiple type tiles (modules). Eg without image, Or without Paragraph and button. </p>
  
  <p>for Eg how can I create another tile (module) without Paragraph and button. (not create same below code without paragraph and button)</p>
  
  <pre><code>import React from 'react';
  import Image from './../../../../src/components/atoms/image/image';
  import Heading from './../../../../src/components/atoms/heading/heading';
  import LinkIcon from './../../../../src/components/atoms/link-icon/link-icon';
  import Paragraph from './../../../../src/components/atoms/paragraph/paragraph';
  
  function GridTile(props) {
  return (
   &lt;div className={`grid-tile ${props.class}`}&gt;
     &lt;a href="#" className="grid-tile__link"&gt;
      &lt;div className="grid-tile__image"&gt;
        &lt;Image src="" /&gt;
      &lt;/div&gt;
      &lt;div className="grid-tile__content"&gt;
        &lt;Heading
          tag="3"
          class=""
          text="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
        /&gt;
        &lt;Paragraph
          tag="p"
          text="Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
          aliquip ex ea commodo consequat. "
        /&gt;
        &lt;LinkIcon text="Read More" /&gt;
      &lt;/div&gt;
      &lt;/a&gt;
     &lt;/div&gt;
   );
  }
  export default GridTile;
  </code></pre>