import { chakra , ComponentWithProps , DeepPartial , HTMLChakraProps , } from "@chakra-ui/vue-system" ; import { defineComponent , h } from "vue" ; export interface SpacerProps extends HTMLChakraProps < "div" > { } see Docs export const CSpacer = defineComponent ( { name : "CSpacer" , setup ( _ , { slots } ) { return ( ) => { return ( < chakra . div __label = "spacer" baseStyle = { { flex : 1 , justifySelf : "stretch" , alignSelf : "stretch" } } > { slots } < /chakra.div>); } ; } , } ) ;