<template>
	<div>
		<h3>History</h3>
		<Tabs value="0" class="tabs">
			<TabList>
				<Tab value="0">Communication History</Tab>
				<Tab value="1">Site Visits</Tab>
				<Tab value="2">Ownership History</Tab>
			</TabList>
			<TabPanels>
				<TabPanel value="0">
					<div>Descending order of communications with the customer go here.</div>
					<button class="sidebar-button">Add New</button>
				</TabPanel>
				<TabPanel value="1">
					<div>Site Visits</div>
				</TabPanel>
				<TabPanel value="2">
					<div>Ownership History</div>
				</TabPanel>
			</TabPanels>
		</Tabs>
	</div>
</template>

<script setup>
import { ref, onMounted } from "vue";
import Tabs from "primevue/tabs";
import TabList from "primevue/tablist";
import Tab from "primevue/tab";
import TabPanels from "primevue/tabpanels";
import TabPanel from "primevue/tabpanel";
</script>

<style scoped>
</style>
