<template>
  <div class="grid gap-8">
    <AisField
        label="Single error string"
        description="Username must be between 8 and 20 characters"
        errors="Specify address in pig latin"
    >
      <AisInput placeholder="Description appears below..."/>
    </AisField>

    <AisField
        label="Error array"
        description="Username must be between 8 and 20 characters"
        :errors="[
          'Do not wear white after Labor Day',
          'Tacos only available on Tuesday'
        ]"
    >
      <AisInput placeholder="Description appears below..."/>
    </AisField>

  </div>
</template>

<script setup>
  import AisField from '@/components/field/AisField.vue'
  import AisInput from '@/components/input/AisInput.vue'

</script>


