<template>
  <view class="app-container min-h-screen bg-background" :class="{ 'pb-16': showNav }">
    <slot />
  </view>
</template>

<script setup lang="ts">withDefaults(
  defineProps<{
    showNav?: boolean
  }>(),
  {
    showNav: false
  }
)
</script>

<style scoped>
.app-container {
  max-width: 430px;
  margin: 0 auto;
  position: relative;
}
</style>
