<template lang="html">
	<div
		v-show="title === selectedTitle"
		class="tab-content"
	>
		<slot/>
	</div>
</template>

<script>
import { inject } from 'vue'

export default {
	props: {
		title: {
			type: String,
			required: true
		}
	},
	setup() {
		const selectedTitle = inject('selectedTitle')
		return {
			selectedTitle
		}
	}
}
</script>

<style>
.tab-content {
	padding: 20px;
	border-radius: 5px;
}
</style>
