title: What casing do styled components use when passing attributes to html or web-component elements
body: <p>What casing do styled-components use when passing attributes to the element.</p>
  <p>Lets say you have this HTML with attributes:</p>
  <pre><code>&lt;div data-justin='my name' class='text' data-selected=false&gt; &lt;/div&gt;
  
                or a web-component like this:
  
  &lt;web-component a-long-attr-justin='my name' tons-of-data-selected=false&gt; &lt;/div&gt;
  </code></pre>
  <p>Then you have this as a styled component:</p>
  <pre><code>export const StyledComp = styled('div')
  
  export const StyledComp = styled('web-component')
  </code></pre>
  <p>Now I have passed my attributes in kabob case. Question is when the styled component passes those given attributes back to the HTML element or web-component Element what casing is used? Is it Camel case, Pascal, snake case?</p>