<script setup lang="ts">
import ItNavigationProgress from "@/components/ui/ItNavigationProgress.vue";

const props = defineProps<{
  step: number;
}>();
</script>

<template>
  <div class="flex flex-1 flex-col">
    <div class="flex-grow p-16">
      <ItNavigationProgress :steps="3" :current-step="props.step" />
      <slot name="content"></slot>
    </div>

    <div
      class="flex justify-end space-x-2 px-6 py-4"
      :class="{ 'border border-t': $slots.footer }"
    >
      <slot name="footer"></slot>
    </div>
  </div>
</template>
