<template>
  <article class="tour-actions">
      <EdgyButton v-if="!tourDay" classes="btn-primary chamfer">
          <ButtonLink :href="'/adventures/'+(tour.internal_name)+'/day/1'">
              Explore Itinerary
          </ButtonLink>
      </EdgyButton>
      <EdgyButton v-if="tourDay" classes="btn-secondary chamfer">
          <ButtonLink href="#">
              Previous Day
          </ButtonLink>
      </EdgyButton>
      <EdgyButton v-if="tourDay" classes="btn-primary chamfer">
          <ButtonLink href="#">
              Next Day
          </ButtonLink>
      </EdgyButton>
  </article>
</template>

<script setup lang="ts">
import EdgyButton from "@/components/dredgy/EdgyButton.vue";
import type {Tour, TourDay} from "@/types";
import ButtonLink from "@/components/dredgy/ButtonLink.vue";

interface Props {
    tourDay?: TourDay;
    tour: Tour;
}

defineProps<Props>();
</script>

<style scoped>
.tour-actions {
  display: flex;
  gap: 2em;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-basis: 10%;
}
</style>
