<script setup>
import AisInputGroup from '@/components/input-group/AisInputGroup.vue'
import AisInput from '@/components/input/AisInput.vue'
import AisButton from '@/components/button/AisButton.vue'
import AisField from '@c/field/AisField.vue'
import { faBuildingColumns } from '@fortawesome/free-solid-svg-icons'
import { library } from '@fortawesome/fontawesome-svg-core'
library.add(faBuildingColumns)
</script>

<template>
    <AisField label="AisInput + AisButton">
      <AisInputGroup class="">
        <AisInput :icon="faBuildingColumns" placeholder="Example..." size="md" class="w-72" />
        <AisButton variant="secondary" arrow font="caps" size="md" hover press>Get Info</AisButton>
      </AisInputGroup>
    </AisField>
</template>
