<StoryBackground>
  <AdsInput
    v-model="inputValue"
    :label="'Label'"
    :assistive="'Assistive text'"
    :required="false"
    :placeholder="'Placeholder'"
    :disabled="false"
    :error-message="''"
    :size="'default'"
    :auto-status="false"
    :character-limit="0"
    :block-input-on-char-limit="false"
    :additional-message="''"
    :type="'text'"
    :wrapper-attributes="{
      class: 'wrapper-class',
      id: 'wrapper-id',
    }"
    class="input-class"
    @input="logEvent('Input triggered', $event)"
    @focus="logEvent('Focus triggered', $event)"
    @blur="logEvent('Blur triggered', $event)"
    @keydown="logEvent('Keydown triggered', $event)"
  />
  <pre>My model is equal to </pre>
</StoryBackground>