title: How to pass classes from components with already existing styles in Svelte?
body: <p>I have two components called <code>One.svelte</code> and <code>Two.svelte</code></p>
  <p>This is how <code>One.svelte</code> looks like:</p>
  <pre><code>&lt;Two class=&quot;mt-8 border&quot;/&gt; //example tailwind classes
  </code></pre>
  <p>How <code>Two.svelte</code> looks like:</p>
  <pre><code>&lt;main class=&quot;mt-6 bg-red-500&quot;&gt;...&lt;/main&gt;
  </code></pre>
  <p>I want the <code>main</code> element of <code>Two.svelte</code> to use the classes passed from the <code>One.svelte</code> without removing the existing classes on <code>Two.svelte</code> like <code>mt-6 bg-red-500</code> etc.</p>
  <p>What I tried:</p>
  <p><code>Two.svelte</code></p>
  <pre><code>&lt;main class=&quot;mt-6 bg-red-500 {{$$props.class}}&quot;&gt;...&lt;/main&gt;
  </code></pre>
  <p>This does not seem to work, what is the right way to approach this issue?</p>