<template>
  <form class="PriceCard">
    <div class="wrapper">
      <PpFormInput label="Name" id="n" :uid="uid" type="text" />
      <PpFormInput label="Preis" id="p" :uid="uid" type="number" :min="0.01" />
    </div>
    <div class="wrapper">
      <PpFormInput label="Rollen" id="r" :uid="uid" type="number" :max="150" />
      <PpFormInput label="Blätter" id="b" :uid="uid" type="number" :max="500" />
      <PpFormInput label="Lagen" id="l" :uid="uid" type="number" :max="10" />
    </div>
  </form>
</template>

<script setup lang="ts">
type Props = {
  uid: number
}

const { uid } = defineProps<Props>()
</script>
