<template>
  <widget-wrapper v-bind="$props" ref="widget">
    <base-fias
      :label="fieldNode.label"
      :id.sync="fiasId"
      :value.sync="fiasValue"
      :data.sync="fiasData"
      v-bind="$attrs"
      filled
      :fgIsInvalid="hasError"
      :fgErrorMessage="errorMessage"
      :mandatoryHome="mandatoryHome"
      class="fias"
      :readonly="fieldNode.readonly"
      :modelPath="fieldNode.model"
    />
  </widget-wrapper>
</template>

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

<style scoped>
.fias {
  margin-top: 12px;
  padding-bottom: 20px;
}
</style>
