import { defineComponent , h } from 'vue' ; const CNav = defineComponent ( { name : 'CNav' , props : { /**
         * Component used for the root node. Either a string to use a HTML element or a component.
         */ component : { type : String , required : false , default : 'ul' , } , values layout : { type : String , required : false , default : undefined , validator : ( value ) => { return [ 'fill' , 'justified' ] . includes ( value ) ; } , } , values variant : { type : String , required : false , default : undefined , validator : ( value ) => { return [ 'tabs' , 'pills' ] . includes ( value ) ; } , } , } , setup ( props , { slots } ) { return ( ) => h ( props . component , { class : [ 'nav' , { [ `nav-${ props . layout }` ] : props . layout , [ `nav-${ props . variant }` ] : props . variant , } , ] , role : 'navigation' , } , slots . default && slots . default ( ) ) ; } , } ) ; export { CNav } ;