import { defineComponent , h } from 'vue' ; import { Color } from '../props' ; import { CCard , CCardBody , CCardFooter } from './../card/' ; const CWidgetStatsF = defineComponent ( { name : 'CWidgetStatsF' , props : { values color : Color , /**
         * Set padding of your component.
         */ padding : { type : Boolean , default : true , } , /**
         * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
         */ title : { type : String , default : undefined , require : false , } , /**
         * Helper text for your component. If you want to pass non-string value please use dedicated slot `<template #text>...</template>`
         */ text : { type : String , default : undefined , require : false , } , /**
         * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
         */ value : { type : [ Number , String ] , default : 0 , require : false , } , } , slot setup ( props , { slots } ) { return ( ) => h ( CCard , { } , { default : ( ) => [ h ( CCardBody , { class : [ 'd-flex align-items-center' , props . padding === false && 'p-0' ] , } , ( ) => [ h ( 'div' , { class : [ 'me-3' , 'text-white' , `bg-${ props . color }` , props . padding ? 'p-3' : 'p-4' , ] , } , ( slots . default && slots . default ( ) ) || ( slots . icon && slots . icon ( ) ) ) , h ( 'div' , { } , [ ( props . value || slots . value ) && h ( 'div' , { class : [ `fs-6 fw-semibold text-${ props . color }` ] , } , { default : ( ) => ( slots . value && slots . value ( ) ) || props . value , } ) , ( props . title || slots . title ) && h ( 'div' , { class : 'text-medium-emphasis text-uppercase fw-semibold small' , } , { default : ( ) => ( slots . title && slots . title ( ) ) || props . title , } ) , ] ) , ] ) , slots . footer && h ( CCardFooter , { } , ( ) => slots . footer && slots . footer ( ) ) , ] , } ) ; } , } ) ; export { CWidgetStatsF } ;