<script lang="ts">
    import ItemBox from "$lib/components/itemBox.svelte";
import type { BoxContent } from "$lib/types/boxContent";

    const boxes: BoxContent[] = [
        {name: "nextcloud", link: "https://cloud.fjla.uk", img: "auto"},
        {name: "home assistant", link: "https://ha.fjla.uk", img: "auto"},
        {name: "jellyfin", link: "https://jf.fjla.uk", img: "auto"},
        {name: "traccar", link:"https://traccar.fjla.uk", img: "auto"},
        {name: "owlboard", link:"https://owlboard.info", img:"auto"},
        {name: "webmail", link:"https://mx0123.fb-infra.uk/mail", img: "auto"},
        {name: "account", link:"https://ipa0922.fjla.net", img:"auto"}
    ]
</script>

{#each boxes as boxData}
    <ItemBox {boxData} />
{/each}