<template>
	<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>
</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>
