---
import Image from "astro/components/Image.astro";
import { Icon } from 'astro-icon/components'
import dayjs from "dayjs";

const { data } = Astro.props;
const nicedate = dayjs(data.date).format('D MMMM YYYY')
---
<div class="bg-[#EBE5D0] p-10">
    <Icon name="ph:arrow-circle-down-thin" class="text-8xl mb-8" />
    <p class="font-light text-2xl mb-8">{data.city}, {data.country}<br/>({nicedate}):</p>
    <h3 class="text-2xl font-bold mb-8">{data.title}</h3>

    

    <div>
        <Image src={data.thumbnail} alt={data.title} class="aspect-square object-cover" />
    </div>
</div>