<script lang="ts">
	import BaseCard from '$lib/components/ui/cards/BaseCard.svelte';
	import LocationSearchBox from '$lib/components/ui/form-elements/LocationSearchBox.svelte';

	let locationValue = $state('');

	function resetSearchBox() {
		value = '';
	}
</script>

<BaseCard header={'Live Arrivals & Departures'}>
	<div class="card-content">
		<LocationSearchBox bind:value={locationValue} />
	</div>
</BaseCard>

<style>
	.card-content {
		text-align: center;
		width: 90%;
		margin: auto;
		padding: 10px 0 10px 0;
	}
</style>
