<script setup>
import { useI18n } from "vue-i18n";

const { t } = useI18n();
const props = defineProps(["url", "back"]);
</script>

<template>
  <footer>
    <router-link :to="props.url">
      {{ t("previous_step") }}
    </router-link>
    <a href="https://cmm.ai/postcard/static/index.html#/step1">
      {{ t("back_homepage") }}
    </a>
    <!-- <router-link :to="props.back ? props.back : '/'">回到首頁</router-link> -->
  </footer>
</template>

<style lang="scss">
footer {
  width: 100%;
  padding: 1.5rem 3rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;

  a {
    color: #b3b3b3;
    letter-spacing: 2px;
    text-decoration: none;
  }
}
</style>
