<script>
    import Header from '$lib/navigation/header.svelte'
    import Nav from '$lib/navigation/nav.svelte'
    import InputIsland from '$lib/islands/input-island-form.svelte'
	import QuickLinkIsland from '$lib/islands/quick-link-island.svelte';

const title = "Home"
const inputIslands = [
    {
        title: "Live Departure Boards",
        action: "/ldb",
        placeholder: "Enter CRS/TIPLOC",
        queryName: "station"
    },
    {
        title: "Train Details & PIS",
        action: "/result-timetable",
        placeholder: "Enter Headcode",
        queryName: "headcode"
    }
]
const variables = {title: "test",action:"/", placeholder:"test",queryName:"test"}

</script>
<svelte:head>
    <title>OwlBoard - {title}</title>
</svelte:head>


<Header {title} />

{#each inputIslands as variables}
    <InputIsland {variables} />
{/each}

<QuickLinkIsland />

<Nav />