<!--
@component

Image page for a tile. Must be in a tile to display correctly.
-->

<script lang="ts">
    let {
        image,
    }: {
        /**
         * Image. Must be a valid image URL.
         */
        image: string;
    } = $props();
</script>

<div
    class="w-full h-full bg-cover bg-center bg-no-repeat"
    style="background-image: url('{image}');"
></div>
