title: Gatsby partial component Shadowing
body: <p>I'm trying to see if it is viable to have a basic component as gatsby-theme and use this theme as base for my gatsby projects, so in the new project, I would be shadowing the components I want to adjust it as I want.</p>
  
  <p>My question is can I shadow part of the component?</p>
  
  <p>For example:</p>
  
  <pre><code>import React from "react";
  import { ThemeProvider } from "styled-components";
  import theme from "./theme";
  
  import {
      TeaserContainer,
      ImageContainer,
      ImageWrapper,
      Title,
      Categories,
      ButtonContainer,
      Artist,
      FullWidthContainer,
      ReadTag
  } from "./style.js";
  
  const Teaser = () =&gt; {
      return (
          &lt;ThemeProvider theme={theme}&gt;
              &lt;FullWidthContainer&gt;
                  &lt;TeaserContainer&gt;
                      &lt;ImageContainer&gt;
                          &lt;ImageWrapper&gt;
                              {
                                  &lt;img
                                      src="https://www.gonvillehotel.co.uk/wp-content/uploads/2019/06/Gatsby-Enchanted-Cinema-9.jpg"
                                      alt=""
                                  /&gt;
                              }
                          &lt;/ImageWrapper&gt;
                      &lt;/ImageContainer&gt;
                      &lt;Categories&gt;Just categories&lt;/Categories&gt;
                      &lt;Title&gt;Title&lt;/Title&gt;
                      &lt;ReadTag&gt;Read it&lt;/ReadTag&gt;
                      &lt;p&gt;Date&lt;/p&gt;
                      &lt;h1&gt;Excerpt&lt;/h1&gt;
                      &lt;ButtonContainer&gt;Button&lt;/ButtonContainer&gt;
                      &lt;Artist&gt;
                          Submitted by &lt;span&gt;artist&lt;/span&gt;
                      &lt;/Artist&gt;
                  &lt;/TeaserContainer&gt;
              &lt;/FullWidthContainer&gt;
          &lt;/ThemeProvider&gt;
      );
  };
  
  export default Teaser;
  
  </code></pre>
  
  <p>How do, or can I shadow say the <code>&lt;Artist&gt;</code> tag, and removed it in the new project without having to rewrite the whole component?</p>
  
  <blockquote>
    <p>PS: All the info/tutorial on gatsby docs show how to shadow the whole component or change styles, but what I want is to remove/add new tags/content inside a component without rewriting the whole component.</p>
  </blockquote>