<template>
  <div class="relative">
    <AtomInput
      v-model="modelValue"
      type="number"
      class="pr-7 text-right"
      step="1"
      min="1"
    />
    <span class="pointer-events-none absolute top-2/4 -ml-6 -mt-3 opacity-50">x</span>
  </div>
</template>

<script lang="ts" setup>
import AtomInput from './AtomInput.vue';

/* global defineModel */
const modelValue = defineModel();
</script>

<style lang="scss" scoped>

</style>