<script>
    // Props
    export let location
</script>

<div class="location" data-aos="location">
    <a href="/location/{location.country.slug}/{location.slug}" rel="prefetch">
        <img src={location.country.flag.full_url} alt="Flag of {location.country.name}">
        <div class="anim-mask mask-city">
            <h3 class="location__city">{location.name}</h3>
        </div>
        <div class="anim-mask mask-country">
            <p class="location__country style-caps">{location.country.name}</p>
        </div>
    </a>
</div>
