<script>
	import Tab, { Label } from '@smui/tab';
	import TabBar from '@smui/tab-bar';
	import {Meteor} from "meteor/meteor";
	import {onMount} from "svelte";
	import AssetList from "/imports/ui/Assets/AssetList.svelte";
	import AssetDataEntry from "/imports/ui/Assets/AssetDataEntry.svelte";
	
	let activeTab = null;
</script>

<div class="container">
	<TabBar tabs={[{id:'list', label:'Asset List'}, {id:'entry', label:'Data Entry'}]} minWidth let:tab bind:active={activeTab}>
		<Tab {tab}>
			<Label>{tab.label}</Label>
		</Tab>
	</TabBar>
	{#if activeTab && activeTab.id === 'list'}
		<AssetList></AssetList>
	{:else if activeTab && activeTab.id === 'entry'}
		<AssetDataEntry></AssetDataEntry>
	{/if}
</div>

<style>
</style>