<script src="./mc-input.ts" lang="ts"></script>
<style src="./mc-input.scss" lang="scss" scoped></style>


<template>
  <div :id="componentId" class="mc-input-component-wrapper" :class="classNames">
    <label v-if="label" :for="name">{{label}}</label><br>
    <input :type="type" :minlength="minlength" :maxlength="maxlength" :name="name" :id="name" :value="value" :pattern="pattern" :placeholder="placeholder" :required="required" :disabled="disabled" />
    <span v-if="unit">{{unit}}</span>
  </div>
</template>
