<script setup lang="ts">
const model = defineModel<number>({ default: 500 })
</script>

<template>
  <div class="space-y-1">
    <div class="flex justify-between text-sm">
      <span class="text-muted">Presupuesto max</span>
      <span class="font-semibold">{{ model }}&euro;</span>
    </div>
    <URange v-model="model" :min="20" :max="2000" :step="10" />
  </div>
</template>
