import { defineComponent , h } from 'vue' ; import { Color } from '../props' ; const CListGroupItem = defineComponent ( { name : 'CListGroupItem' , props : { /**
         * Toggle the active state for the component.
         */ active : { type : Boolean , required : false , } , values color : Color , /**
         * Toggle the disabled state for the component.
         */ disabled : { type : Boolean , required : false , } , /**
         * Component used for the root node. Either a string to use a HTML element or a component.
         */ component : { type : String , required : false , default : 'li' , } , } , setup ( props , { slots } ) { return ( ) => h ( props . component , { class : [ 'list-group-item' , { [ `list-group-item-${ props . color }` ] : props . color , 'list-group-item-action' : props . component === 'a' || props . component === 'button' , [ `active` ] : props . active , [ `disabled` ] : props . disabled , } , ] , ... ( ( props . component === 'a' || props . component === 'button' ) && { active : props . active , disabled : props . disabled , } ) , ... ( props . active && { 'aria-current' : true } ) , ... ( props . disabled && { 'aria-disabled' : true } ) , } , slots . default && slots . default ( ) ) ; } , } ) ; export { CListGroupItem } ;