<script>
import PxBaseVariants from './PxBaseVariants.vue';

export default {
    mixins: [PxBaseVariants],
    props: {
        /**
         * The variant property is intepreted in different ways by different components, but
         * typically used to trigger a different style or layout otherwise effect the way the
         * component is rendered or used.
         *
         * In components, the default value for variant is `default` and that provides the
         * components default styling. This can be overriden to create an unstyled component.
         */
        variant: { type: [String, Array], default: ['default'] },
    },
};
</script>
