<template>
  <form-input
    v-model="customerDocumentStore.customerDocumentForm.title"
    label="Dosya Başlığı"
    modelKey="gercekSoyadi"
    minlength="2"
    :invalidText="customerDocumentValidationStore.invalidTexts.title"
    @keydown="validationStore.allowLettersWithKeysExtra($event, /^[ ]*$/)" />
  <form-file
    v-model="customerDocumentStore.customerDocumentForm.file"
    elclass="panel-documents-item"
    :invalidText="customerDocumentValidationStore.invalidTexts.file" />
</template>
<script setup lang="ts">
  import { useValidationStore } from '@/stores/validationStore'
  const validationStore = useValidationStore()
  import { useCustomerDocumentStore } from '../../stores/customerDocumentStore'
  const customerDocumentStore = useCustomerDocumentStore()
  import { useCustomerDocumentValidationStore } from '../../validation/customerDocumentValidationStore'
  const customerDocumentValidationStore = useCustomerDocumentValidationStore()
</script>
