import { defineComponent , h } from 'vue' ; import { Color } from '../props' ; const CNavbar = defineComponent ( { name : 'CNavbar' , props : { values color : Color , values colorScheme : { type : String , default : undefined , required : false , validator : ( value ) => { return [ '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 : 'nav' , required : false , } , values container : { type : [ Boolean , String ] , default : undefined , required : false , validator : ( value ) => { return ( typeof value === 'boolean' || [ 'sm' , 'md' , 'lg' , 'xl' , 'xxl' , 'fluid' ] . includes ( value ) ) ; } , } , values expand : { type : [ Boolean , String ] , default : undefined , required : false , validator : ( value ) => { return typeof value === 'boolean' || [ 'sm' , 'md' , 'lg' , 'xl' , 'xxl' ] . includes ( value ) ; } , } , values placement : { type : String , default : undefined , required : false , validator : ( value ) => { return [ 'fixed-top' , 'fixed-bottom' , 'sticky-top' ] . includes ( value ) ; } , } , } , setup ( props , { slots } ) { return ( ) => h ( props . component , { class : [ 'navbar' , { [ `bg-${ props . color }` ] : props . color , [ `navbar-${ props . colorScheme }` ] : props . colorScheme , [ typeof props . expand === 'boolean' ? 'navbar-expand' : `navbar-expand-${ props . expand }` ] : props . expand , } , props . placement , ] , } , props . container ? h ( 'div' , { class : [ `container${ props . container !== true ? '-' + props . container : '' }` ] } , slots . default && slots . default ( ) ) : slots . default && slots . default ( ) ) ; } , } ) ; export { CNavbar } ;