<template>
    <DocSectionText v-bind="$attrs">
        <p>An example to demonstrate how to use the default preset of UnoCSS to style the panel component via a global pass through configuration.</p>
    </DocSectionText>
    <div class="flex justify-content-center">
        <iframe class="w-full h-full" style="border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; min-height: 800px" allowfullscreen src="https://stackblitz.com/edit/vitejs-vite-cowgnp?file=src%2FApp.vue&embed=1"></iframe>
    </div>
</template>