import { defineComponent , h } from 'vue' ; const CHeader = defineComponent ( { name : 'CHeader' , props : { values container : { type : [ Boolean , String ] , default : undefined , required : false , validator : ( value ) => { return ( typeof value === 'boolean' || [ 'sm' , 'md' , 'lg' , 'xl' , 'xxl' , 'fluid' ] . includes ( value ) ) ; } , } , values position : { type : String , default : undefined , required : false , validator : ( value ) => { return [ 'fixed' , 'sticky' ] . includes ( value ) ; } , } , } , setup ( props , { slots } ) { return ( ) => h ( 'div' , { class : [ 'header' , { [ `header-${ props . position }` ] : props . position } ] } , props . container ? h ( 'div' , { class : `container${ props . container !== true ? '-' + props . container : '' }` } , slots . default && slots . default ( ) ) : slots . default && slots . default ( ) ) ; } , } ) ; export { CHeader } ;