<script>
import Circle from './Circle.svelte';
</script>
<!-- this works fine with no style props -->
<svg viewbox='0 0 300 300'>
<Circle />
</svg>
<!-- adding a style prop adds a <div> inside the svg
and breaks rendering of the Circle -->
<svg viewbox='0 0 300 300'>
<Circle --circle-fill="blue" />
</svg>
<style>
svg {
border:1px solid black;
width: 300px;
}
</style>