<template>
  <q-input class="form-input" :class="{'form-input-border': border}" borderless :model-value="value" :label="label" stack-label dense />
</template>

<script>
export default {
  name: 'InputForm',
  props: {
    value: { type: [String, Number], default: '' },
    label: { type: String, default: '' },
    border: { type: Boolean, default: () => true }
  }
}
</script>

<style>
.form-input input {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.3px;
}
.form-input-border input {
  border-bottom: 1px solid #C6C6C6;
}
</style>
