<template>
  <div class="numeric-keyboard">
    <div v-if="showInput" class="display">{{ displayValue }}</div>
    <div class="keypad">
      <button v-for="num in [1,2,3,4,5,6,7,8,9,'.',0,'⌫']" :key="num" @click="handleInput(num)">
        {{ num }}
      </button>
    </div>
  </div>
</template>

<script lang="ts" src="./CNumericKeyboard.ts">
</script>

<style lang="scss" scoped>
@import './CNumericKeyboard.scss';
</style>
