import { defineComponent , h } from 'vue' ; const CSpinner = defineComponent ( { name : 'CSpinner' , props : { values color : { type : String , default : undefined , required : false , validator : ( value ) => { return [ 'primary' , 'secondary' , 'success' , 'danger' , 'warning' , 'info' , 'dark' , 'light' , ] . includes ( value ) ; } , } , /**
         * Component used for the root node. Either a string to use a HTML element or a component.
         */ component : { type : String , default : 'div' , required : false , } , values size : { type : String , default : undefined , required : false , validator : ( value ) => { return value === 'sm' ; } , } , values variant : { type : String , default : 'border' , required : false , validator : ( value ) => { return [ 'border' , 'grow' ] . includes ( value ) ; } , } , /**
         * Set visually hidden label for accessibility purposes.
         */ visuallyHiddenLabel : { type : String , default : 'Loading...' , required : false , } , } , setup ( props ) { return ( ) => h ( props . component , { class : [ `spinner-${ props . variant }` , `text-${ props . color }` , props . size && `spinner-${ props . variant }-${ props . size }` , ] , role : 'status' , } , h ( 'span' , { class : [ 'visually-hidden' ] } , props . visuallyHiddenLabel ) ) ; } , } ) ; export { CSpinner } ;