<script setup lang="ts">
import bg2 from '@/assets/images/backgrounds/bg-2.jpg';
</script>

<template>
  <!-- ----------------------------------------------------------------------------- -->
  <!-- Media -->
  <!-- ----------------------------------------------------------------------------- -->

  <v-card  elevation="0">
    <v-img
      class="align-end text-white"
      height="200"
      :src="bg2"
      cover
    >
      <v-card-title class="text-surface">Top 10 Australian beaches</v-card-title>
    </v-img>

    <v-card-subtitle class="pt-4"> Number 10 </v-card-subtitle>

    <v-card-text>
      <div>Whitehaven Beach</div>

      <div>Whitsunday Island, Whitsunday Islands</div>
    </v-card-text>

    <v-card-actions>
      <v-btn color="orange"> Share </v-btn>

      <v-btn color="orange"> Explore </v-btn>
    </v-card-actions>
  </v-card>
</template>
