<script lang="ts">
	import { strf } from '$lib/data/language';
	import type { PageData } from './$types';

  export let data: PageData;
</script>

<div class="container">
  <img class="image" src="{data.base}/t/full/{data.item?.item}" alt={(data.item?.title ? $strf(data.item.title) : null) || (data.item?.description ? $strf(data.item.description) : null) || data.filename} />
</div>

<style>
  .container {
    display: grid;
    place-items: center;
    height: 100vh;
  }
  .image {
    max-width: 100%;
    max-height: 100vh;
  }
</style>
