<script setup>
import { ref } from 'vue'
import AisForm from '@/components/form/AisForm.vue'
import AisInput from '@/components/input/AisInput.vue'
import AisButton from '@/components/button/AisButton.vue'

const field = ref('Hello')
</script>

<template>
  <AisForm class="grid grid-cols-1 gap-4">
    <div class="flex gap-4">
      <AisInput v-model="field" class="w-1/4" />
      <AisButton type="reset" hover fast press>Reset</AisButton>
    </div>
  </AisForm>
</template>
