er>

                    <slot></slot>
                </div>
            </template>

            <template x-element="the-inner" x-props="{ foo: '' }" x-inject="hey">
                <div class="border-b-8">
                    <h1 x-text="hey"></h1>

                    <slot></slot>
                </div>
            </template> -->

            <!--
                Problems:
                - Shadow DOM styling
                - Root element?
                - Attribute/event forwarding
               