<style lang="scss">
    @import "../../style/atoms/discover";
</style>

<script lang="ts">
    import { getContext } from 'svelte'

    const { count }: any = getContext('global')
</script>

<p class="discover">
    Discover <strong>{count.photos} homes</strong><br>
    from <strong>{count.locations} places</strong>
    in <strong>{count.countries} countries</strong>
</p>
