<template>
  <div class="max-w-4xl mx-auto">
    <div class="mb-8">
      <h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-2">
        Runway Lite
      </h1>
      <p class="text-gray-600 dark:text-gray-400">
        Quick runway assessment with revenue scenarios
      </p>
    </div>

    <RunwayLite
      :starting-cash="budgetData.startingCash.value"
      :revenue-planned="budgetData.revenuePlanned.value"
      :expense-planned="budgetData.expensePlanned.value"
      :diversification-guidance="budgetData.diversification.value.guidance"
    />
  </div>
</template>

<script setup lang="ts">
const budgetData = useBudget('default', new Date().getFullYear())
</script>