<script setup>
  import {ref} from 'vue'
  import AisField from '@c/field/AisField.vue'
  import AisInputGroup from '@/components/input-group/AisInputGroup.vue'
  import AisAddon from '@c/addon/AisAddon.vue'
  import AisInput from '@/components/input/AisInput.vue'
  import AisCheckbox from '@c/checkbox/AisCheckbox.vue'

  let checked = ref(false)
</script>

<template>
  <AisField label="User Agreement" description="Sign and accept terms">
    <AisInputGroup class="">
      <AisAddon icon="file" />
      <AisInput placeholder="Your name..." size="md" class="w-72" />
      <AisAddon>
        <AisCheckbox v-model="checked">Terms of service</AisCheckbox>
      </AisAddon>
    </AisInputGroup>
  </AisField>
</template>

