<template>
	<st-text-group trigger="hover" v-bind="props" :text="textSync"></st-text-group>
</template>

<script>
	export default {
		name: "st-table-tooltip",
		props:{
			props : {
				type : Object ,
				default(){
					return {} ;
				}
			},
			text : [String,Number,Boolean,Array] ,
			prepend : String ,
			append : String ,
			defaultText : String
		},
		computed:{
			textSync(){
				let prepend = this.text !== undefined && this.prepend ? this.prepend : "" ;
				let append = this.text !== undefined && this.append ? this.append : "" ;
				return `${prepend}${this.text || this.defaultText }${append}` ;
			}
		}
	}
</script>

<style lang="scss">

</style>