<!--
    Describe this component...
-->
<template>
    <div :class="bem()">
        <px-styles-preview />
    </div>
</template>

<script>
import PxStylesPreview from '../../components/PxStylesPreview.vue';
export default {
    components: { PxStylesPreview },
    name: 'demo-px-styles-preview',
    // components: { Component },
    // mixins: [ Mixin ],
    // props: { a: { type: Boolean, default: false } },
    // data() { return { b: 0 }; },
    // computed: {},
    // watch: {},
    // mounted() {},
    // methods: {},
};
</script>

<style lang="scss">
// import the library (so we can configure it)
@use '@thinkpixellab-public/px-styles' as *;

.demo-px-styles-preview {
    // add configuration as needed (this is optional)
    @include config('colors:accent', #5157bd);
    @include config('controls:border-radius', 6px);

    //@include config('font-family', 'Arial');

    // initialize
    @include init();
    @include boilerplate($scoped: true);
}
</style>
